画布 - 在Google检查元素

时间:2016-04-28 06:18:01

标签: javascript html5 canvas

我是使用canvas的新手,我遇到了一个奇怪的问题。我的画布线成功使用:

绘制
var canvas = document.getElementById('canvas'),
    context = canvas.getContext('2d');

其中canvas是画布的id。然后我使用方法绘制:

    context.strokeStyle = "red";  
    context.beingPath();
    context.moveTo(x, y);
    context.lineTo(x, y);
    context.stroke();

在循环中调用lineTo更新其位置。我在函数中使用这些方法,可以绘制多行。问题是(这是一个问题?)当我使用谷歌的检查元素时,我无法在创建的画布下找到这些行。我习惯于看到某种路径元素。

然而,我可以看到创建这些行的脚本。

编辑:刚刚使用画布检查了另一个网站,这似乎是正常的行为。想要确认。

由于

1 个答案:

答案 0 :(得分:2)

是的,这是正常行为。 在2012年,chrome有一些实验插件,帮助检查画布。但我不确定它是否仍然可用(我在此处找到了信息http://www.html5rocks.com/en/tutorials/canvas/inspection/