Javascript 需要边缘点作为图像

我正在尝试创建与图像相同的剪切线。为了检测我使用的边缘。问题是cannyJS，它将输出作为带有边缘点的矩形图像。我只希望边缘作为图像。这可能吗

例如，如果我上传下面的图片

我得到了这个输出的结果：

预期结果如下：

---

或者，有没有其他方法可以从图像中获取svg路径，从而获得这样的效果？

您可以使用svg过滤器实现这一效果

img{
宽度：400px；
}
blob先生{
背景色：白色；
填充：40px；
过滤器：url（#blobby）；
}
/*隐藏SVG元素*/
svg{
宽度：0px；
高度：0px；
位置：绝对位置；
左：-999px；
}

非常感谢您的回答..我会检查一下，需要一些时间..它可以工作的大多数图像..我正在尝试将边框颜色和图像添加为白色..如果我更改表格值，它将变为白色。要添加边框颜色，我尝试了填充和笔划..这没有帮助..如何操作？而且我无法将结果保存为图像或svg？我们正在过滤输入图像，最终结果是另一幅位图图像。不能设置填充或笔划，因为它不是矢量。你说的“我正在尝试添加边框颜色和白色图像”是什么意思？你可以发布一张你想要达到的最终效果的图片吗？如果图片标签在svg中，我可以将其保存到svg文件中，并可以加载到画布中。。