画布 - 绘制但未显示在谷歌检查元素中的线条答案

【问题标题】：Canvas - lines drawn but not showing up in google inspect element画布 - 绘制但未显示在谷歌检查元素中的线条
【发布时间】：2016-04-28 06:18:01
【问题描述】：

我刚开始使用画布，遇到了一个奇怪的问题。我的画布线正在使用以下方法成功绘制：

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】：

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

【讨论】：