JavaScript中将JPEG转换为SVG

Question

有人可以帮忙吗...如何通过Javascript将图像转换为矢量（SVG）.......！任何帮助都会很棒....！

- Zain

---

与同一用户的https://dev59.com/3G865IYBdhLWcg3wHK3u重复。 - Joe

也许是两个问题拥有相同的标题让我感到困惑了！ - Joe

@Joe：我能理解那会让你感到困惑。不过问题本身的措辞是不同的。嗯... - Williham Totland

是的，他想要双向传输。等等，这听起来不太好。 - user1228

Answer 1

三个选项

使用 Online convert 的 API

http://apiv2.online-convert.com/

运行自己的 Node.js 服务器并使用 Potrace 或 AutoTrace

https://www.npmjs.com/package/potrace 被 Online convert 使用 https://www.npmjs.com/package/autotrace

或者在客户端使用 imagetracerjs。

https://github.com/jankovicsandras/imagetracerjs

- arpo

Answer 2

本项目支持位图转换为SVG和SVG转换为位图（png/jpeg/gif等），提供灵活的设置、不同的渲染器、适用于node.js和浏览器的JavaScript API以及命令行。如果正确配置，可以生成良好的结果和较小的SVG文件大小。如果只想转换标志/绘图，则无需配置；但如果要转换照片/真实绘画，则需要通过调整设置来满足大小/质量比。点击这里查看更多信息。该项目还有一个游乐场，虽然目前正在开发更新功能，你可以点击这里尝试使用。

- cancerbero

Answer 3

你所提出的要求实际上是不可能的。我的意思是，你可以尝试去做，但我怀疑结果会让你感到特别不满意。

将SVG转换为JPEG是一个单向转换；将光栅图像转换为矢量图像并不是一件易如反掌的事情，请参阅这个问题。

- Williham Totland

---

话虽如此，使用HTML5画布将例如potrace移植到JavaScript是可能的。它可能会有点慢，并且需要一些移植工作，但这并非不可能。然而，跟踪光栅图像并产生漂亮的矢量图形结果是一个难题。 - Erik Dahlström

@Erik Dahlström：对于“可能”的某些值。 - Williham Totland

你好。你知道这是否是2019年的最新情况吗？谢谢。 - Crashalot

@Crashalot 这里的限制大多是理论上的，而不是技术上的。SVG 图像包含的数据类型与 JPEG 图像包含的数据类型并不相同。 - Williham Totland

@WillihamTotland 感谢您的快速回复。我明白了，只是想知道自动跟踪技术是否自2010年以来有所进步。感谢您的帮助！ - Crashalot

@Crashalot 可能有人将某种 AI 应用于其中并获得了更好的结果，但我不知道具体情况。 - Williham Totland

Answer 4

我也曾经寻找过将图像转换为SVG的简单方法，但事实并不那么容易。不过我找到了一款工具，可以将简单的黑白图像转换成SVG文件，并且结果更加美观，因为它可以平滑边缘。但是，当尝试使用彩色图像时，它就无法正常工作了。

如果您想制作简单的图像，然后将其转换为SVG，则可以使用在线转换器来帮助您。

我曾使用这种方法将几个简单的.png图像转换为.svg格式。

http://image.online-convert.com/convert-to-svg

- serup