如何显示多个画布？

Question

目前我希望能够显示多个画布。我的问题是我只能在谷歌浏览器中显示一个。在FF中，它向我显示第一个画布和阴影，从第二个画布仅显示阴影。

以下是http://jsfiddle.net/ktVsF/

的示例

错误？还是编码不好？

Answer 1

问题是由于您没有定义<canvas>元素的高度和宽度属性。

根据HTML规范，“canvas元素有两个属性来控制坐标空间的大小：宽度和高度。这些属性在指定时必须具有有效的非负整数值。解析规则必须使用非负整数来获取它们的数值。如果缺少某个属性，或者解析其值会返回错误，则必须使用默认值.width属性默认为300，height属性默认为150“。

因此，您的默认宽度和高度设置为300和150，并且由于rect中的top，left，bottom，right属性，它将超出画布大小。

将其明确设置为更大的宽度和高度，您将看到矩形。