在使用<canvas>標簽時通常都會設置寬高。而設置<canvas>的寬高有兩種方式：
1、在<canvas>標簽中直接定義寬高。這種方式是指定可以繪畫的區域大小。例如：
<canvas id="drawing" width="200" heigth="200"></canvas>
說明：
- 這種方式定義寬高時不用加單位。
- <canvas>標簽直接定義的width和height是繪畫區域實際寬度和高度，繪制的圖形都是在這個上面。
- 若是未定義寬高或值不正確，則會被設置成默認的width:300px、height:150px（可使用getComputedStyle在瀏覽器中查看）。
2、在style中定義寬高。例如：
//css
.canvas{
width:200px;
heigth:200px;
//other style
}
//html
<canvas id="drawing" class="canvas"></canvas>
說明：
style的width和height是<canvas>在瀏覽器中被渲染的高度和寬度。
通過style設置寬高可能引起的問題
- 若未定義<canvas>標簽的寬高而定義了style的寬高，則<canvas>標簽中繪制的圖片會進行拉伸，與預期效果不符。
- 若同時定義了<canvas>標簽的寬高和style的寬高，則以style的寬高為準。
