如何顯示多個Canvas？

Question

目前我想能夠顯示多個畫布。我的問題是，我只能在Google Chrome中顯示一個。在FF中，它顯示了第一個畫布和陰影，並從第二個畫布僅顯示了陰影。

下面是一個例子http://jsfiddle.net/ktVsF/

錯誤？或者編碼不好？

Answer 1

問題是由於您尚未定義<canvas>元素的高度和寬度屬性。

根據HTML規範的規定，「canvas元素有兩個屬性來控制座標空間的大小：寬度和高度，這些屬性在指定時必須具有有效的非負整數值。必須使用解析非負整數來獲取它們的數值，如果缺少一個屬性，或者解析它的值返回一個錯誤，則必須使用默認值，width屬性默認爲300，height屬性默認值到150「。

因此，默認寬度和高度設置爲300和150，並且由於rect中的頂部，左側，底部，右側屬性，它將超出畫布大小。

將其明確設置爲更大的寬度和高度，您將看到您的矩形。