如何在浏览器中调试画布？

Question

如何调试画布？

它正在画布中加载一堆旋转图像。我想查看它们是什么图像。但是萤火虫只显示帆布标签。

有没有办法找出这些画布预装图像是什么，所以我可以下载它们？

Answer 1

1. 您可以检查页面3D视图的新Firebug功能（canvas，div，...）。
2. 您可以在JavaScript代码中放置debugger;，这样调试器就会自动停在那里。

Answer 2

绘制到canvas元素的图像由javascript加载，例如

var img = new Image();
image.onload = function(){ draw on canvas };
img.src = "image url";

您可以尝试在JS源代码中搜索.jpg或.png引用等。