Android Vector Drawable <text> не поддерживает, <tspan> не поддерживает

In icon.svg
ERROR@ line 9 <text> is not supported
ERROR@ line 10 <tspan> is not supported

Как экспортировать svg этого типа в векторную графику? Это вообще возможно? Или стоит поискать новый svg?

SVG не был создан должным образом. К сожалению, у меня нет подробностей, мне нужно связаться с дизайнером, который решил проблему за меня: P. Буду обновлять, когда смогу.

Arka Prava Basu 09.11.2018 06:40

как он это починил?

ir2pid 26.11.2018 16:44

хм, мой дизайнер сказал, что преобразовал все тексты в кривые.

ir2pid 26.11.2018 16:57

Она преобразовала все векторные изображения в контуры, и эта проблема была решена.

Arka Prava Basu 05.12.2018 04:07

У меня была такая же проблема с svg, экспортированным Adobe XD. В Adobe XD мне нужно было щелкнуть правой кнопкой мыши по тексту и выбрать «Путь» -> «Преобразовать в путь».

kojot 02.12.2019 15:44

Вам нужно преобразовать текст в пути, я только что попробовал, и он отлично работает, я проголосовал за повторное открытие этого вопроса, чтобы дать подробный ответ, потому что этот вопрос действительно отличается от упомянутого дубликата, который касается <defs>!

AbdelHady 24.12.2019 13:51

@karel, отлично, спасибо за упоминание, я только что добавил свой ответ

AbdelHady 03.04.2020 18:04
37
7
12 370
7
Перейти к ответу Данный вопрос помечен как решенный

Ответы 7

Ответ принят как подходящий

Когда у меня возникла такая же проблема, я использовал бесплатный онлайн-конвертер CloudConvert, чтобы преобразовать свой SVG в другой SVG, пометив их настройку Text To Path в yes, где преобразованный SVG открылся в моей Android Studio как шарм.

шрифт, используемый в файле SVG, потерян после преобразования

hassan moradnezhad 04.05.2020 08:29

@hassanmoradnezhad, у меня все прошло хорошо, но для вашего пользовательского шрифта, возможно, вам придется экспортировать SVG как путь, используя то же приложение для дизайна, в котором он был создан в первую очередь

AbdelHady 04.05.2020 15:18

@AbdelHady Я не могу найти настройку "Text To Path to yes", вы можете сказать мне, где это? Благодарность

KKKKK 14.08.2020 23:02

@KKKKK сначала выберите преобразование из svg в svg, а затем вы найдете его в «опциях»

AbdelHady 15.08.2020 16:02

Спаси мой день, спасибо @AbdelHady

KhalodaRK84 08.01.2021 15:32

Если кто-то попал сюда из-за того, что их Inkscape SVG с текстом, импортированным в Android, выдает такую ​​же ошибку (и не отображает текст), то убедитесь, что Inkscape преобразовал текст в путь с помощью меню «Объект в путь»:

  1. [В Inkscape] Выделить текстовый блок.
  2. [В Inkscape] Меню «Путь | Объект к пути»
  3. Сохранить как "Inkscape SVG"
  4. [Android Studio] Импорт SVG («Щелкните правой кнопкой мыши по app / res / drawable» | «Новый векторный объект» и выберите файл, сохраненный в (3).

Если вы используете Adobe Illustrator, установите для шрифта значение «преобразовать в контуры» ... у меня сработало.

Выделите текст в Adobe Illustrator и щелкните правой кнопкой мыши, затем щелкните «Создать контуры».

Если вы используете Эскиз, выделите текст и выполните команду «Преобразовать в контуры».

Что ж, этот метод идеально подходит для логотипа заставки, где у вас есть и изображение + текст.

Когда у вас есть и изображение + текст, и вы экспортируете их как файл SVG и импортируете в Android с возможностью рисования как вектор, тогда отображается только изображение без текста.

Если вы боретесь с той же проблемой, вот способ добавить текст в ваш файл SVG. Вот как:

  1. Во-первых, на вашем компьютере должен быть установлен Adobe Illustrator.
  2. Затем, когда вы добавите текст + изображение или просто текст и закончите со всеми настройками, выберите все и перейдите в «Объекты»> «Развернуть»> «ОК».
  3. Это все. Теперь просто экспортируйте медиафайлы в виде файла SVG, и все готово.

В Adobe XD

  1. Выбрать текст
  2. Перейдите в Object -> Path -> Convert to Path.

ИЛИ Выберите текст и CTRL + 8 для Windows или + 8 для macOS

Другие вопросы по теме