Jonathan Alter

SVG не отображается должным образом


Inkscape Svg Дизайн

Я только начал использовать Inkscape сегодня и начал делать логотип для моей команды робототехники.

Логотип состоит из феникса, который имеет наложение текста «Project Phoenix» с различными другими дескрипторами вокруг кругового пути.

По какой-то причине текст «Project Phoenix», который накладывается поверх графика птичьего гриппа, не отображается должным образом при просмотре SVG в других программах или попытке использовать SVG в других загрузках.

Я использую Mac под управлением OS X El Capitain. Когда я визуализую SVG с помощью Gapplin, текст «Project Phoenix» не появляется. Однако, когда я пытаюсь загрузить SVG дизайнеру футболки на графическом крае, текст «Project Phoenix» появляется как оранжевый блок с различными черными блоками, которые формируются вокруг него.

Когда я сохраняю SVG в форматах EPS и PDF из Inkscape, визуализированный графический интерфейс выглядит так, как должен.

Если кто-то может дать некоторое представление о том, почему SVG не правильно отображается, и делает это по-разному в разных ситуациях, я был бы очень признателен!

Ниже приведены некоторые скриншоты о том, как должен выглядеть SVG (однажды отображаемый в форматах файлов EPS и PDF), и что происходит, когда отображается в Gapplin и дизайнере футбольной графики Graphic Edge.

Целевая графика

intented

Gapplin Rendering

gapplin

Графическое оформление края

graphicedge

Ответы


meisterluk

Это распространенная проблема с слабыми механизмами рендеринга. Я регулярно сталкиваюсь с этой проблемой с ristretto , средством просмотра изображений для Linux.

проблема

Проблема возникает из-за неполного отображения текстовых элементов . Рендеринг текстовых элементов означает загрузку шрифта, применение к нему различных операций (определенных в атрибутах XML) и их рендеринг на графической сетке (возможно, с помощью сглаживания). Дело в том, что это дорого, и некоторые двигатели даже не пытаются. Они просто показывают заполненный квадрат, когда текст должен произойти, и все. В сравнении схемы рисования менее сложны и дороги.

Потенциальные решения

  1. Отбой. Вы можете пойти с инструментами, которые могут правильно читать SVG (AI / Inkscape / ...).
  2. Вы можете преобразовать текстовые элементы в пути. Преобразование в путь (прокрутка вниз до соответствующего раздела) можно сделать, выбрав текстовый объект и нажав Shift + Ctrl + C. Имейте в виду, что вы теряете любую текстовую информацию и больше не можете редактировать ее как текстовый объект. Таким образом, ваш образ, скорее всего, будет правильно отображаться в Graphic Edge , который, как я предполагаю, правильно реализует рисунок пути. Однако вы не должны распространять этот модифицированный SVG на следующий графический дизайнер.
Jonathan Alter
Огромное спасибо за помощь! Текст теперь отображается как в интерфейсе Gapplin, так и в Graphic Edge. К сожалению, для рендеринга Graphic Edge черные прямоугольники, которые не являются частью SVG, все еще появляются. Возможно, это проблема с собственным процессом рендеринга.

Смотри также