javascript - Canvas - 绘制线条但未显示在谷歌检查元素中

Question

我刚开始使用 Canvas ，遇到了一个奇怪的问题。我的 Canvas 线已成功绘制，使用:

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

其中canvas是 Canvas 的id。然后我使用以下方法进行绘制:

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

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

但是，我可以看到创建这些行的脚本。

编辑:刚刚使用 Canvas 检查了另一个网站，这似乎是正常行为。但希望得到确认。

谢谢

Answer 1

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