Firefox 为什么HTML5画布具有更大的尺寸来拉伸绘制的线条？

我正在使用HTML5

来画线

当我将尺寸从默认值300x150更改为与另一个

的尺寸相匹配时，我的线条会拉长，并且比以前更粗。为什么会这样

我想在画布上画线，以匹配前面的

上的元素位置（具有更高的

z-index

）在页面上的相同位置。我怎样才能阻止这种延伸的发生

---

编辑：这只出现在Firefox中。

您不能使用CSS更改画布大小。如果您这样做，它的行为将像图像一样，并且会拉伸，您必须使用javascript使用canvas属性canvas.width、canvas.height来执行此操作。

当然，您可以，但它不是您想要的。：）您可能会注意到，更改画布的高度/宽度后，需要重新绘制内容。