javascript - 在 Canvas 上绘制矢量图像

标签 javascript image canvas pixel trace

有一个从服务器加载的图像,我在 Canvas 上绘制。 图像是2色的,上面画有多边形, 0 - 透明色(无颜色)和黄色。

如何追踪多边形的边界? 我知道,这确实是一个很难的问题。摩尔社区。我认为这只是我发现的一个。

最佳答案

javascript 在处理图像数组方面没有良好的性能,因此很难找到框架来进行复杂的图像检测。我建议您使用strong and low level image framework在您的服务器端(将图片上传到您的服务器,然后以数字形式发回结果)。如果您需要绘制 poligon,您可以使用 svg 图形,它们与大多数浏览器完全兼容,并且非常容易用矢量编写。

这是关于获取图像边界的一些内容: http://docs.opencv.org/master/d4/d73/tutorial_py_contours_begin.html#gsc.tab=0

关于javascript - 在 Canvas 上绘制矢量图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38112004/

相关文章:

javascript - 使用javascript执行服务器端ruby文件

php - 使用 MySQL 和 PHP 无法保存图像名称,而图像名称具有 `+` 符号

javascript - 使用 HTML5 Canvas 进行动画图像过渡

javascript - 无法读取 HTML5 Canvas 中未定义的属性 x

javascript - 使用 javascript 将子项附加到内联 SVG

javascript - 如何在 map 上显示左上角、右下角的纬度和经度?

javascript - 视频播放事件中的 Angular 2 方式绑定(bind)不起作用

image - 从一组图像中检测明显不同的图像,例如使用 OpenCV 或 SimpleCV

java - 这个错误出现在我的java程序中,似乎没有任何原因

javascript - 绘制圆圈并保留第一个上传的 Sprite