是否有可能看到<canvas>是如何被操纵的？

Question

我很好奇这个地球的WebGL动画是如何渲染的:

http://ats-vs-world.cadillac.com/#!/home

与其他HTML元素不同,我还没有找到一种方法来查看canvas元素的操作方式.

在Chrome和其他浏览器中,您可以"中断...子树修改","中断......属性修改"等.对于画布,当它被操纵时,该元素是空白的.

有没有办法做到这一点？

编辑:我非常感谢@ Joe的回答.但是,仍然有任何方式,一般(不是特定于本网站),所以看看如何被操纵？

Answer 1

我绝对推荐WebGL Inspector。

除此之外，您是否尝试过查看来源？您可以从 Chrome 的检查器中查看一些项目（着色器、纹理）。