【问题标题】:Conversion of JPEG to SVG in Javascript在 Javascript 中将 JPEG 转换为 SVG
【发布时间】:2010-10-26 10:28:01
【问题描述】:

任何人都可以帮助...如何通过Javascript将图像转换为矢量(SVG)......!任何帮助都会很棒......!

【问题讨论】:

  • 也许我被这两个标题相同的问题弄糊涂了!
  • @Joe:我知道这会让你感到困惑,是的。问题本身的措辞不同,尽管如此。嗯……
  • 是的,他想要双管齐下。等等,这听起来很糟糕。

标签: javascript svg


【解决方案1】:

三个选项

使用在线转换的 API

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

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

https://www.npmjs.com/package/potrace在线转换使用 https://www.npmjs.com/package/autotrace

或者使用 imagetracerjs 客户端。

https://github.com/jankovicsandras/imagetracerjs

【讨论】:

    【解决方案2】:

    你问的是不可能的。我的意思是,您可以尝试这样做,但我怀疑结果会不会特别令人满意。

    SVG 到 JPEG 是一种单向转换;将光栅图像转换为矢量图像并非易事,请参阅this question

    【讨论】:

    • 也就是说,可以使用 HTML5 画布将例如 potrace 移植到 javascript。它可能会有点慢,并且需要一些移植工作,但这并非不可能。跟踪光栅图像并产生漂亮的矢量图形结果是一个难题 OTOH。
    • @Erik Dahlström:对于一些“可能”的价值。
    • 您好。你知道这是否是2019年的现状吗?谢谢。
    • @Crashalot 这里的限制主要是理论上的,而不是技术上的。 SVG 图像包含的数据类型与 JPEG 图像包含的数据类型不同。
    • @WillihamTotland 感谢您的快速回复。了解,只是想知道自 2010 年以来自动跟踪是否有所进步。感谢您的帮助!
    【解决方案3】:

    该项目同时支持位图转 SVG 和 SVG 转位图 (png/jpeg/gif/etc),提供灵活的设置、不同的渲染器、用于 node.js 和浏览器的 JavaScript API 以及命令行。

    如果配置正确,它会产生良好的效果和较小的 svg 大小。如果您只是想转换徽标/图纸,则无需配置,但如果是照片/写实绘画,则需要进行一些设置,直到对尺寸/质量比满意为止。

    https://www.npmjs.com/package/svg-png-converter

    它有一个游乐场,尽管现在我正在开发一个更好的游乐场,因为添加了更多功能:

    https://cancerberosgx.github.io/demos/svg-png-converter/playground/#

    【讨论】:

      【解决方案4】:

      我也一直在寻找从图像到 svg 的简单转换——但这并不容易,但我确实找到了一个可以将简单图像(黑白)转换为 svg 文件的工具,结果也很多更好,因为它以某种方式平滑边缘 - 但是在尝试使用彩色图像时,它不起作用。 如果您想制作简单的图像,然后再转换为 svg,那么使用在线转换器可以帮助您

      我用它把几个简单的 .png 图像转换成 .svg

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

      【讨论】:

        猜你喜欢
        • 2011-09-09
        • 2019-08-08
        • 2016-09-06
        • 1970-01-01
        • 2018-12-29
        • 2020-02-21
        • 1970-01-01
        • 1970-01-01
        • 2011-04-27
        相关资源
        最近更新 更多