javascript - 查看 Canvas 像素阵列

Question

我有一套相当冗长的算法在图像源上逐步运行(它正在运行一些计算机视觉图像处理)。分解它们并将它们可视化地调试到测试 Canvas 上需要一段时间。每次我尝试将 canvaspixelarray 记录到控制台时，Chrome 都会崩溃，即使 Canvas 只有 100x100px，

任何人都可以想出一种方法来轻松地以数据或结果的形式查看图像效果。我记得我看到了一种将 Canvas 输出作为图像弹出新浏览器的方法，但我再也找不到这个例子了。

Answer 1

如果我没理解错的话，你有一个初始的 canvas 元素来保存处理后的图像，你正试图使用​​ getImageData 来检索当前图像。

您是否尝试过使用 toDataUrl 方法并将其输出插入 img 标记的 src 属性？

$('img#temp').attr('src', canvas.toDataURL());