Flutter 中的 svg 操作（与用户交互）

Question

我已经使用 HTML 画布和fabricJS 构建了一个基于 Web 的轻量级 SVG 编辑器，它具有简单的功能，例如（调整大小、旋转、拖动、着色）。现在只是出于好奇，我想为这个基于 Web 的平台创建一个移动应用程序。开始在颤振中寻找替代品或类似于fabricJS 的东西，但我没有运气。

还搜索了许多解决方案，我从来没有在颤振或Native Android 或Swift 中找到满足这种需求的东西，但我知道有可能canva 用同样的方法做了一些东西，但我做不到'找不到办法知道那里的秘方。

所以，我的直接问题是，是否有类似 Flutter 中的 html 画布，甚至还有 canvas-svg（和 svg-canvas）解析器。

Answer 1

Flutter 不支持 SVG，由于其性能原因，will never officially support it。

最好的办法是使用CustomPaint 渲染矢量，然后在导出SVG 时使用SVG.js 和js 互操作。这不是一个简单的解决方案，因为您必须解决缺乏官方支持的问题，但对于基本功能，它应该是完全可行的。

如果您想支持导入矢量，您可能需要查看flutter_svg 的代码，了解他们如何处理 SVG。该库仅支持渲染 SVG，不支持操作或导出它们，但它可能有一些有用的代码可以为您指明正确的方向。