如何查看canvas元素的源代码

时间:2015-07-02 12:34:29

标签: html html5-canvas

我正在尝试访问canvas标记内的源代码。是否可以在canvas标签中获取源代码?

2 个答案:

答案 0 :(得分:3)

您无法从canvas元素获取源代码。您需要检查javascript以查看画布中发生了什么。 Canvas类似于board,你可以用javascript绘制任何东西。

  

canvas元素是HTML5的一部分,允许动态,可编写脚本   渲染2D形状和位图图像。这是一个低级别,   更新位图但没有内置的过程模型   场景图

答案 1 :(得分:0)

如果你使用Chrome,那么你很幸运。它具有检查Canvas元素的实验功能。因此,您实际上可以分析canvas元素并逐步查看每个调用,并查看该调用的输出的镜头。

在chrome类型chrome:// flags / into URL中,一旦页面加载,找到"启用开发人员工具实验"。关闭Chrome并将其重新加载后,在检查器中,您将在“个人档案”下找到一个新选项,用于"捕获画布框架"。运行它,它将输出每个执行的调用的列表。

我通过推特和以下链接了解到这一点,享受。

http://www.html5rocks.com/en/tutorials/canvas/inspection/