Как избавиться от странных линиий и пикселей в SVG?

Карту мы нарисовали в FIGMA и она нам нужна в формате SVG. Но после сохранения появляются странные линии и пиксели.

Карточка - 63400215b6f37468628348.png

Кое-что становится более заметным при увеличении изображения в браузере. Можете дать совет, как от этого избавиться и почему оно возникает?

Проблема 1 -6340024ca4473164899839.png
Проблема 2 - 634002554ba25627140534.png
Проблема 3 -63400251a610d276839062.png

Сама карточка в SVG

p.s shape-rendering не помогает
  • Вопрос задан
  • 179 просмотров
Решения вопроса 1
@Figma-designer
Привет!

Проблема 1 - применен Inner Shadow на группу. По всей видимости, группы для Figma и для браузера - не одно и тоже. Примените тот же эффект на шейп и всё будет ок (у меня получилось)

Проблема 2 - в Chrome так и не смог получить) в любом случае, ну кто будет увеличивать вашу графику таким образом?

Проблема 3 - у вас там набор близко расположенных векторов. Объедините их в один и удалите лишние точки, тогда и артефактов не будет
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы