我很好奇这个地球的 WebGL 动画是如何渲染的：
http://ats-vs-world.cadillac.com/#!/home
与其他 HTML 元素不同，我还没有找到一种方法来查看 canvas 元素是如何被操作的。
在 Chrome 和其他浏览器中，您可以“中断...子树修改”、“中断...属性修改”等。使用画布，当它被操纵时，元素是空白的。
有没有办法做到这一点？
编辑：我非常感谢@Joe 的回答。但是，一般情况下（不是特定于本网站），还有什么办法，所以看看是如何被操纵的？
问问题
114 次
2 回答
2
我绝对推荐WebGL Inspector。
除此之外，您是否尝试过查看源代码？您可以从 Chrome 的检查器中查看一些项目（着色器、纹理）。
于 2013-04-25T19:39:30.543 回答
1
Chrome 在实验阶段有一个画布检查器（在我写这篇文章的时候）。要启用它，请转到 about:flags 并启用“开发者工具实验”。然后在开发人员工具设置（cog 图标）中，转到实验选项卡，您应该会看到“画布检查”选项 - http://www.html5rocks.com/en/tutorials/canvas/inspection/
于 2014-05-19T04:13:51.397 回答