Canvas 為何需要一開始就初始化寬高

常見的canvas 標籤範例如下：

  <canvas height="200" id="myCanvas" width="600" />

眼尖的人可能就會發現了，如果canvas標籤的屬性設定可以這樣操作的話，那麼要指定長寬是否也可以用css來處理，使得頁面看起來更乾淨且隔離的漂亮點，沒錯確實是可以指定使用css來做區隔，但會有其他問題出來。

根據預設值，canvas元件為寬 300px ，高150px，如果沒有指定寬高的話，後續使用css指定大小，則會將原本預設的尺寸給放大，而畫在canvas裏頭的所有元素也會全部被跟著放大，這很像把圖片指定成原始寬高以外的其他大小，而使得圖像放大或縮小一樣。

如果是放大圖像，會得到一格一格的鋸齒狀(會被客戶電翻 XD)，同理，在Canvas上也是會發生一樣的事情，但如果說是直接用canvas 元件指定其寬高，則會把其維度設定為大於或小於300x150，在其中的內容會保持不變，所以建議指定寬高，而非後續使用css ...