Почему Sketch App при импорте искажает определенные svgs?

201
davecave

У меня есть 2 svgs, которые выглядят одинаково в Интернете и в Illustrator. Один из них был запущен через скрипт minify.

Вы можете взглянуть на эти 2 svgs и код на codepen

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

У кого-нибудь есть идея, почему Sketch может не указывать векторы точек для этого SVG? Всякий раз, когда я открываю файл .svg в Sketch, он выглядит так:

Messed up icon

Sketch - единственная программа, которая у меня есть, которая отображает этот svg следующим образом.

Вот код для 2 svgs:

Регулярный svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="none" d="M0 0h24v24H0z" /> <path d="M12,4c2.209,0,4,1.791,4,4s-1.791,4-4,4c-2.209,0-4-1.791-4-4S9.791,4,12,4z M12,20c0,0,8,0,8-2c0-2.4-3.9-5-8-5 s-8,2.6-8,5C4,20,12,20,12,20z" /> </svg>

Минимизированный

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="none" d="M0 0h24v24H0z" /> <path d="M12 4c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4zm0 16s8 0 8-2c0-2.4-3.9-5-8-5s-8 2.6-8 5c0 2 8 2 8 2z" /> </svg>

эскиз

1

0 ответов на вопрос

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