Vector Vector的SVG坐标

Question

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

例如让我们说你有一个标志作为一个JPG可以将一个程序准确地映射到SVG中以显示在网站上？

感谢您的任何提示！

Answer 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

Answer 2

据我记得Inkscape有一个跟踪位图选项，可以用于这一点。只需将该文件导入Inkscape，然后使用该选项将位图转换为SVG。之后您可能需要进行一些调整，但我认为它可以奏效。

Answer 3

大多数矢量图形编辑器都包含此功能（能够跟踪光栅图像）。

也有专门的工具，如Vectormagic和whole slew of others。

Answer 4

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

我的结果好坏参半，但它的开局不错。

如果您对此感兴趣，可以在此处找到jar和（breif）文档。 http://code.google.com/p/lindenb/wiki/SVGToCanvas