Экспорт SVG с добавлением пикселей в предварительном просмотре и браузере

Надеюсь, какое-то простое решение для этого, но в основном, когда я экспортирую значок, созданный в эскизе, он в основном добавляет пиксель. Это проблема экспорта или проблема рендеринга, например, в хроме? (или оба).

Вот скриншот того, что экспортируется:

введите описание изображения здесь

Как видите, все выравнивается по пиксельной сетке и т. д.

Вот что я вижу в превью:

введите описание изображения здесь

Как видите, он явно сломан. Я предполагаю, что наконечник стрелки сломан, потому что кончик падает на полпикселя? Но я не могу объяснить проблему с горизонтальной линией вверху, которая удваивается по высоте! Пожалуйста помоги!

Это может быть просто ошибка рендеринга предварительного просмотра. Что происходит, когда вы выводите его в виде растрового изображения или в виде SVG и просматриваете в браузере? Превью — это просто превью. . . после всего.
такая же проблема в браузере. Я экспортировал его из иллюстратора, и, похоже, все в порядке, поэтому, должно быть, проблема с эскизом.
Вы пробовали экспортировать в SVG? Проверьте сгенерированный код SVG и посмотрите, не просачиваются ли размеры над сеткой (если вы обнаружите какие-то действительно странные десятичные числа с плавающей запятой вместо точных целых значений).

Ответы (1)

Попробуйте использовать старый вариант экспорта (Файл>Экспорт>Экспортировать как). Таким образом, вы можете определить, до скольких знаков после запятой округляется SVG. Попробуйте "2". Это может немного навести порядок.

введите описание изображения здесь.

Обратите внимание, что чем меньше viewBox, тем больше десятичных знаков может потребоваться.
Экспорт SVG с добавлением пикселей в предварительном просмотре и браузере
СпросиСетьПолитика конфиденциальности1y, 0v