Javascript 画布-绘制但未显示在GoogleInspect元素中的线条

我刚开始使用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以更新其位置。我在函数中使用这些方法，可以绘制多条直线。问题是（这是一个问题吗？）当我使用google的inspect元素时，在创建的画布下找不到这些行。我习惯于看到某种路径元素

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

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

谢谢

是的，这是正常的行为。 2012年，chrome推出了一些实验性插件，帮助检查画布。但我不确定它是否仍然可用（我在这里找到了信息）

是的，这是正常行为。

---

2012年，chrome推出了一些实验性插件，帮助检查画布。但我不确定它是否仍然可用（我在这里找到了信息）

谢谢，对于第一次使用canvas的用户来说，它似乎很奇怪。很高兴没问题。投票吧。只需强调画在画布元素上的任何东西都不会被“记住”，并成为未引用的像素。谢谢，对于第一次使用画布的用户来说，这看起来很奇怪。很高兴没问题。投票吧。只需突出显示画布元素上绘制的任何内容都不会被“记住”，并成为未引用的像素。