SVG从Vector Art坐标

时间:2011-04-19 09:51:03

标签: vector svg coordinates

目前这可能是不可能的,但我想知道是否可以采用一种矢量艺术并通过某种程序将其转换为SVG坐标来运行它?

例如,假设您有一个徽标作为jpg可以将程序精确映射到SVG以显示在网站上吗?

感谢您的任何提示!

4 个答案:

答案 0 :(得分:1)

大多数矢量图形编辑器都包含此功能(跟踪光栅图像的功能)。

还有专门的工具,例如Vectormagicwhole slew of others

答案 1 :(得分:1)

将矢量设计保存为.SVG文件,然后使用您偏好的文本编辑器打开.SVG文件,并查找"路径"或"多边形"元件。您应该能够找到名为“' 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

答案 2 :(得分:0)

据我记得Inkscape有一个 Trace位图选项,对此有用。只需将文件导入Inkscape,然后使用该选项将位图转换为SVG。之后您可能需要进行一些调整,但我认为它可以起作用。

答案 3 :(得分:0)

谢谢大家,但我最终发现的是一个名为SVG2Canvas的jar文件。 基本上,(在Mac上)你通过终端并使用他们的程序将svg文件转换为在HTML5画布元素内的坐标。

尽管如此,我的结果好坏参半,但它仍然是一个非常好的开始。

如果你有兴趣,可以在这里找到jar和(breif)文档。 http://code.google.com/p/lindenb/wiki/SVGToCanvas