#vector #svg #coordinates
#вектор #svg #координаты
Вопрос:
Возможно, на данный момент это невозможно, но мне было интересно, возможно ли вообще взять фрагмент векторного рисунка и запустить его через какую-нибудь программу, которая преобразовала бы его в координаты SVG?
Допустим, у вас есть логотип в формате jpg, может ли программа точно отобразить его в формате SVG для отображения на веб-сайте?
Спасибо за любые советы!
Ответ №1:
Сохраните свой векторный дизайн в виде файла .SVG, затем откройте .Создайте файл SVG с помощью текстового редактора по вашему выбору и найдите элемент «путь» или «полигон». Вы должны быть в состоянии найти атрибут с именем ‘d’, который содержит координаты вашего дизайна svg. вот так…
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0 ... ... ..."/>
</svg>
В зависимости от сложности вашего векторного рисунка координаты могут варьироваться в зависимости от того, как они скомпилированы, и могут быть потенциально трудными для понимания.
Этот URL должен помочь в понимании того, как работают координаты —https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
Ответ №2:
Большинство редакторов векторной графики включают эту функцию (возможность трассировки растрового изображения).
Существуют также специализированные инструменты, такие как Vectormagic и множество других.
Ответ №3:
Насколько я помню, в Inkscape есть опция трассировки растрового изображения, которая может быть полезна для этого. Просто импортируйте файл в Inkscape и используйте эту опцию для преобразования растрового изображения в формат SVG. Возможно, впоследствии вам понадобятся некоторые корректировки, но я думаю, что это может сработать.
Ответ №4:
Спасибо, ребята, но то, что я в конечном итоге нашел, был файл jar под названием SVG2Canvas. По сути, (на Mac) вы проходите через терминал и используете их программу для преобразования svg-файла в cordinates внутри элемента canvas HTML5.
У меня были неоднозначные результаты, но, тем не менее, это чертовски хорошее начало.
Документацию jar и (breif) можно найти здесь, если вам это вообще интересно. http://code.google.com/p/lindenb/wiki/SVGToCanvas