flutter中的svg操作(与用户交互)



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

我也寻找了很多解决方案,但我从未在flutter、Native AndroidSwift中找到满足这种需求的东西,但我知道可能有canva用同样的方法制作了一些东西,但我们找不到方法来了解其中的秘密酱汁。

因此,我的直接问题是,是否有类似于flutter的html canvas,甚至还有canvas svg(和svg-canvas(解析器。

Flutter不支持SVG,由于其性能原因,它永远不会正式支持SVG。

最好使用CustomPaint来渲染矢量,然后在导出SVG时使用带有js-interop的SVG.js。这不是一个简单的解决方案,因为你必须解决缺乏官方支持的问题,但对于基本功能来说,这应该是完全可行的。

如果您希望支持导入矢量,那么您可能需要查看fluft_svg的代码,了解它们是如何处理svg的。这个库只支持渲染SVG,而不支持操纵或导出它们,但它可能有一些有用的代码可以为您指明正确的方向。

最新更新