Координаты SVG от Vector Art

Question

Это может быть невозможно в данный момент, но мне было интересно, можно ли вообще взять произведение векторного искусства и запустить его через какую-то программу, которая переведет его в SVG-координаты?Например, допустим, у вас есть логотип в виде jpg. Может ли программа отобразить его точно в SVG для отображения на веб-сайте?

Спасибо за любые советы!

Answer 1

Сохраните свой векторный дизайн в виде файла .SVG, затем откройте файл .SVG в текстовом редакторе по своему вкусу и найдите элемент «path» или «polygon».Вы должны быть в состоянии найти атрибут с именем 'd', который содержит координаты вашего проекта SVG.вот так ...

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">

    <path d="M0 0 ... ... ..."/>

</svg> 

В зависимости от сложности вашего векторного искусства координаты могут варьироваться в зависимости от того, как они компилируются, и их может быть сложно понять.понимание того, как работают координаты - https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths

Answer 2

Большинство редакторов векторной графики включают эту функцию (возможность отслеживать растровое изображение).

Существуют также специализированные инструменты, такие как Vectormagic и целый ряд других .

Answer 3

Спасибо, ребята, но в итоге я нашел файл jar под названием SVG2Canvas. По сути, (на Mac) вы проходите через терминал и используете их программу для преобразования SVG-файла в кординии внутри элемента HTML5 canvas.

У меня были смешанные результаты, но, тем не менее, это чертовски хорошее начало.

Документацию по jar и (breif) можно найти здесь, если вам это интересно. http://code.google.com/p/lindenb/wiki/SVGToCanvas

Answer 4

Насколько я помню Inkscape имеет опцию Trace bitmap , которая может быть полезна для этого.Просто импортируйте файл в Inkscape и используйте эту опцию для преобразования растрового изображения в SVG.После этого вам могут потребоваться некоторые корректировки, но я думаю, что это может сработать.