html - 如何显示多个 Canvas？

Question

目前我希望能够显示多个画布。我的问题是我只能在 Google Chrome 中显示一个。在 FF 中，它向我展示了第一个画布和阴影，以及来自第二个画布的仅阴影。

这是一个示例http://jsfiddle.net/ktVsF/

虫子？还是编码不好？

Answer 1

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

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

因此，您的默认宽度和高度设置为 300 和 150，并且由于矩形中的顶部、左侧、底部、右侧属性，它超出了画布大小。

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