是否可以看到 <canvas> 是如何被操纵的？答案

【问题标题】：Is it possible to see how <canvas> is being manipulated?是否可以看到 <canvas> 是如何被操纵的？
【发布时间】：2013-04-25 19:34:26
【问题描述】：

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

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

与其他 HTML 元素不同，我还没有找到一种方法来查看 canvas 元素是如何被操作的。

在 Chrome 和其他浏览器中，您可以“中断...子树修改”、“中断...属性修改”等。使用画布，当它被操纵时，元素是空白的。

有什么办法吗？

编辑：我非常感谢@Joe 的回答。但是还有什么方法，一般来说（不是特定于这个网站），所以看看是如何被操纵的？

【问题讨论】：

标签： javascript jquery html canvas html5-canvas

【解决方案1】：

我绝对推荐WebGL Inspector。

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

【讨论】：

【解决方案2】：

Chrome 在实验阶段有一个画布检查器（在我写这篇文章的时候）。要启用它，请转到 about:flags 并启用“开发者工具实验”。然后在开发者工具设置（齿轮图标）中，转到实验选项卡，您应该会看到“画布检查”选项 - http://www.html5rocks.com/en/tutorials/canvas/inspection/

【讨论】：

惊人的信息。谢谢