Как я могу редактировать файл .SVG?

В Википедии есть обширный набор анатомических SVG , но я не могу динамически выделять различные органы или части, потому что нет исходных файлов со слоями, которыми я мог бы манипулировать в Photoshop или GIMP.

Как я могу редактировать файл .SVG?

Ответы (3)

Файл .SVG ЯВЛЯЕТСЯ исходным файлом. Это не слои в смысле Photoshop/Gimp, но их вполне можно разобрать. Используйте редактор SVG — это может быть Illustrator или Inkscape.

В качестве альтернативы, если вы хотите по-настоящему сойти с ума, вы можете открыть .SVG в любом текстовом редакторе и найти значения, которые вы хотите изменить, которые для цветов будут в шестнадцатеричном формате #nnnnnn

Стоит подчеркнуть ключевое отличие — в целом SVG, Illustrator и Inkscape работают с векторами, Photoshop и Gimp — с растровыми изображениями.
Также стоит отметить, что Inkscape является бесплатным, кроссплатформенным и открытым исходным кодом.

TL:DR; решение этой проблемы — использовать Inkscape: https://inkscape.org/

Это бесплатно, с открытым исходным кодом, кроссплатформенно. Вы можете установить на Ubuntu с помощью «быстрой установки inkscape» или использовать установщик на веб-сайте для ПК и Mac.

Если у вас есть пакет Adobe (и есть 30-дневная бесплатная пробная версия), вы можете использовать пути Photoshop или Illustrator для импорта, редактирования и экспорта SVG. Когда я использую Photoshop, я переключаю свои настройки быстрого экспорта, чтобы я мог щелкнуть правой кнопкой мыши слой формы и «Быстрый экспорт как SVG».

Векторную графику SVG также можно редактировать вручную в любом текстовом редакторе, так как по сути это всего лишь контейнер разметки для объекта, содержащего серию векторов.

Еще одно замечание: SVG используют язык разметки, в частности теги и , и эти теги доступны для стилизации через CSS. Например, вы можете присвоить пути идентификатор и назначить ему цвет заливки.

Вот как я это сделал:

  • Я сохранил файл svg локально в своей системе.

  • Откройте файл svg с помощью онлайн-инструмента на сайте draw.io.

  • Экспорт в формате png, jpeg или pdf

Когда я пытался это сделать, он говорит, что это не файл диаграммы