如何使用内核卷积来检测使用javascript的图像中的边缘？

有人能给我解释下例中使用的数学吗？

---

我知道它使用的是核卷积（of-10-1），但是如何才能在加载的图像中检测到边缘呢？另外，为什么在查看x渐变时所有对角线都可见，而在取消注释线条以显示y渐变时所有水平/垂直线都会出现？图像的x和y梯度是什么意思？

我不确定这些问题是否与堆栈溢出有关。您的问题可能更适合该网站，或者。这可能是离题的，因为你的问题根本不是关于修复或编写代码，而是关于使用卷积内核处理图像背后的理论/数学，而这一理论并不是Javascript或任何编程语言独有的。简单地说：计算机上的图像存储为表示颜色的值矩阵（对于RGB图像）或亮度（对于B/W）。图像中的边缘是存在巨大颜色或亮度梯度的地方，即在B/W图像中，从黑色变为白色将从~0变为~255。文章中的核心只是通过从一个像素左右减去值（x梯度）来近似梯度或者从当前像素向上一个像素，从当前像素向下一个像素（y梯度）。@Romen我将查看这两个链接-谢谢你的评论！@Jeff Thanke-you-这更有意义！