Javascript画布边缘检测

我想在画布上实现这种图像处理效果：

我需要的是一个边缘检测算法或解释，以便只绘制用户可以提交的图像的黑色像素或边界元素（例如人脸）

---

干杯

我按照markE的建议使用了JsFeat，干杯

---

根据您的想法，第一步是边缘检测。下面的示例显示了如何使用检测边缘。有了这些边，您可能会得到对象轮廓

输入图像：

边缘检测：

var canvas=document.getElementById（“canvas”）；
image=新的MarvinImage（）；
image.load（“https://i.imgur.com/ZHgkM9w.jpg“，图像加载）；
函数imageLoaded（）{
var imageOut=newmarvinimage（image.getWidth（），image.getHeight（））；
//边缘检测（Prewitt方法）
马文·普雷维特（图像，图像输出）；
//反转颜色
马文。反转颜色（imageOut，imageOut）；
//门槛
马文阈值法（imageOut，imageOut，220）；
imageOut.draw（画布）；
}

您想要这样的东西吗（请参阅链接的边缘检测部分）：谢谢，我没有看到这个库，Canny edge effect可以很好地使用。我要试试这个谢谢@arlg你最终使用了Canny edge effect吗？什么是好的解决方案？