Debugging 如何在浏览器中调试画布?

Debugging 如何在浏览器中调试画布?,debugging,html5-canvas,Debugging,Html5 Canvas,如何调试画布 它正在画布上加载一堆旋转图像。我想检查它们是什么图像。但是firebug只显示画布标签 有没有办法找出这些画布预加载的图像是什么,这样我就可以下载它们 绘制到画布元素的图像由javascript加载,例如 var img = new Image(); image.onload = function(){ draw on canvas }; img.src = "image url"; 您可以尝试在JS源代码中搜索.jpg或.png引用等 您可以检查页面三维视图的新功能(画布、di

如何调试画布

它正在画布上加载一堆旋转图像。我想检查它们是什么图像。但是firebug只显示画布标签


有没有办法找出这些画布预加载的图像是什么,这样我就可以下载它们

绘制到画布元素的图像由javascript加载,例如

var img = new Image();
image.onload = function(){ draw on canvas };
img.src = "image url";
您可以尝试在JS源代码中搜索.jpg或.png引用等

  • 您可以检查页面三维视图的新功能(画布、div等)
  • 您可以放置
    调试器
    在javascript代码中,因此调试器将自动停止

  • 先生,下车,把手举到空中!正如回答者所解释的,您可以检查javascript文件以查看图像的源url,但请确保您没有侵犯他人的数字权利。非常酷。尽管这不是firebug功能。它位于Firefox浏览器的默认检查器功能中。