Question

我想在项目中添加SVG文件，并且我使用了flutter_svg：^ 0.17.3，我的项目显示SVG，但实际上，我的SVG文件有2种颜色，但是在项目中，它仅显示一种颜色！

和svg文件的来源：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <defs>
        <style>.fa-secondary{opacity:.4}</style>
    </defs>
    <path d="M208 80a128 128 0 1 1-90.51 37.49A127.15 127.15 0 0 1 208 80m0-80C93.12 0 0 93.12 0 208s93.12 208 208 208 208-93.12 208-208S322.88 0 208 0z" class="fa-secondary"/><path d="M504.9 476.7L476.6 505a23.9 23.9 0 0 1-33.9 0L343 405.3a24 24 0 0 1-7-17V372l36-36h16.3a24 24 0 0 1 17 7l99.7 99.7a24.11 24.11 0 0 1-.1 34z" class="fa-primary"/>
</svg>

Answer 1

您可以尝试使用此SVG波纹管，也可以尝试使用0.17.4：

Functor

Answer 2

某些图形工具创建的SVG添加了flutter_svg无法理解的混乱和其他标记，这可能会造成问题。

首先在图像上使用SVG Cleaner。增加的好处是输出图像的尺寸会较小。

Flutter SVG仅显示一种颜色

2 个答案: