来自 Vector Art 的 SVG 坐标
目前这可能是不可能的，但我想知道是否有可能获取一幅矢量艺术并通过某种程序运行它，将其转换为 SVG 坐标？
例如，假设您有一个 jpg 格式的徽标，程序可以将其精确映射到 SVG 中以显示在网站上吗？
感谢您的任何提示！
This may be impossible at the moment but I was wondering if it is at all possible to take a piece of vector art and run it through some sort of program that would translate it into SVG coordinates?
For instance lets say you have a logo as a jpg could a program map it precisely into SVG to be displayed on a website?
Thanks for any tips!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
将矢量设计保存为 .SVG 文件，然后使用您喜欢的文本编辑器打开 .SVG 文件，并查找“路径”或“多边形”元素。您应该能够找到一个名为“d”的属性，它保存 svg 设计的坐标。像这样...
根据矢量艺术的复杂性，坐标可能会根据它们的编译方式而变化，并且可能难以理解。
此网址应有助于理解坐标的工作原理 -https:// developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
Save your vector design as an .SVG file, then open the .SVG file with a text editor of your preference and look for the "path" or "polygon" element. You should be able to locate an attribute called 'd' that holds the coordinates of your svg design. like so ...
Depending on the complexity of your vector art the coordinates may range on how they are compiled and could be potentially hard to understand.
This url should help in understanding how the coordinates work -https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
大多数矢量图形编辑器都包含此功能（跟踪光栅图像的能力）。
还有一些专门的工具，例如 Vectormagic 和 全部其他。
Most vector graphics editors include this feature (ability to trace a raster image).
There are also specialized tools such as Vectormagic and a whole slew of others.
据我记得Inkscape有一个跟踪位图选项，对此很有用。只需将文件导入 Inkscape，然后使用该选项将位图转换为 SVG。之后你可能需要一些调整，但我认为这是可行的。
As far as I remember Inkscape has a Trace bitmap option that can be useful for that. Just import the file into Inkscape, and use that option to convert the bitmap to SVG. You may need some adjustments afterwards, but I think it can work.
谢谢大家，但我最终发现的是一个名为 SVG2Canvas 的 jar 文件。
基本上，（在 Mac 上）您通过终端并使用他们的程序将 svg 文件转换为 HTML5 canvas 元素内的坐标。
我的结果好坏参半，但这仍然是一个非常好的开始。
如果您有兴趣，可以在这里找到 jar 和（breif）文档。
http://code.google.com/p/lindenb/wiki/SVGToCanvas
Thanks guys, but what I eventually found was a jar file called SVG2Canvas.
Basically, (on a mac) you go through terminal and use their program to convert an svg file to cordinates inside the HTML5 canvas element.
Ive had mixed results but its a damn good start nonetheless.
The jar and (breif) documentation can be found here if you are at all interested.
http://code.google.com/p/lindenb/wiki/SVGToCanvas