@DaveGarrow

Почему svg без градиента после экспорта из Figma?

Есть макет прелоадера
5fae4b9364625340272375.png
Его код после экспорта
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="11.25" stroke="url(#paint0_angular)" stroke-width="1.5"/>
<defs>
<radialGradient id="paint0_angular" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 12) rotate(90) scale(12)">
<stop stop-color="#08044C" stop-opacity="0"/>
<stop offset="1" stop-color="#08044C"/>
</radialGradient>
</defs>
</svg>

Но, в итоге, на странице он выглядит вот так. Градиента нет
5fae4bc8d89ee146049926.png

Можно ли что-то подправить в коде svg? Либо, если есть место, откуда взять такой прелоадер, буду благодарен. Смотрел в разных хранилищах прелоадеров, но такой бесплатный не нашел(
  • Вопрос задан
  • 963 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
Градиент есть, просто он какой то кривой
5fae5824c9309917171908.png
https://jsfiddle.net/0uf3sLy1/
Можно попробовать руками сделать нужный градиент в вектороном редакторе
Чет вроде https://inkscape.org/ru/ или чего там еще есть модного
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы