Flutter web：Firefox 中的 SVG

Posted 2023-02-23

【中文标题】Flutter web：Firefox 中的 SVG

【英文标题】：Flutter web: SVG in Firefox

【发布时间】：2020-12-05 09:20:39

【问题描述】：

有人知道使用 Flutter 在 Firefox 中显示 SVG 的方法吗？ 我尝试使用websafe_svg。除了 Firefox，它也能很好地工作，the images are not visible。

【参考方案1】：

在flutter run 后面使用flutter_svg 以及--dart-define=FLUTTER_WEB_USE_SKIA=true 似乎对我有用。

【讨论】：

Skia 现在有一些问题。性能很好，但它有一些问题：表情符号，盒子阴影有时看起来很奇怪，对话框关闭动画周围的工件，一些拖动动作冻结了我的应用程序（虽然不知道该怎么做）。此外，它在调试模式 afaik 下也不起作用。

【参考方案2】：

一切都取决于您的 SVG 格式...我认为最好的方法是将 Svg 更改为您测试过的正确格式...

我总是使用 Adob​​e Illustrator 来更改 svgs 格式。及以下格式在 android 和 Web 上都适用于我...（使用 Adob​​e Illustrator 操作来节省时间）