флаттер svg не показывает два цвета, а показывает только цвет - PullRequest
Новая
       33

флаттер svg не показывает два цвета, а показывает только цвет

0 голосов
/ 08 апреля 2020

Я хочу добавить 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>

1 Ответ

1 голос
/ 08 апреля 2020

Вы можете попробовать с этим SVG ниже или попробуйте еще раз с 0.17.4: 

<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path opacity="0.4" d="M208 80C237.613 80.0002 266.311 90.2684 289.202 109.055C312.094 127.842 327.763 153.985 333.54 183.029C339.317 212.074 334.845 242.223 320.885 268.339C306.925 294.456 284.342 314.924 256.982 326.257C229.623 337.589 199.181 339.085 170.842 330.488C142.504 321.892 118.023 303.735 101.571 279.113C85.1187 254.49 77.713 224.924 80.6157 195.453C83.5185 165.982 96.55 138.43 117.49 117.49C129.348 105.566 143.453 96.1132 158.989 89.678C174.526 83.2428 191.184 79.9533 208 80V80ZM208 0C93.12 0 0 93.12 0 208C0 322.88 93.12 416 208 416C322.88 416 416 322.88 416 208C416 93.12 322.88 0 208 0Z" fill="#999999"/>
<path d="M504.9 476.7L476.6 505C474.379 507.234 471.738 509.008 468.829 510.218C465.92 511.428 462.801 512.05 459.65 512.05C456.499 512.05 453.38 511.428 450.471 510.218C447.562 509.008 444.921 507.234 442.7 505L343 405.3C340.773 403.065 339.009 400.414 337.808 397.497C336.607 394.58 335.992 391.455 336 388.3V372L372 336H388.3C391.455 335.992 394.58 336.607 397.497 337.808C400.414 339.009 403.065 340.773 405.3 343L505 442.7C509.479 447.231 511.982 453.35 511.964 459.721C511.945 466.091 509.405 472.196 504.9 476.7V476.7Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="512" height="512" fill="white"/>
</clipPath>
</defs>
</svg>
...