Canvas元素預設寬 300px, 高 150px, 設定其寬高可以使用如下方法：
方法一：
1 <canvas width="500" height="500"$amp;>amp;$lt;/canvas>
方法二：使用HTML5 Canvas API操作
1 var canvas = document.getElementById('欲操作canvas的id');
2 canvas.width = 500;
3 canvas.width = 500;

若通過如下方法設定寬高，那麼Canvas元素將由原來大小被拉伸到所設定的寬高：
方法一：使用CSS 會被拉伸
1 #欲操作canvas的id｛
2     width:1000px;
3     height:1000px;
4 ｝

也包含了行間樣式中的 style="" 。也就是上面的例子，也會產生拉伸的情況。
方法二：使用HTML5 Canvas API操作 會被拉伸
1 var canvas = document.getElementById('欲操作canvas的id');
2 canvas.style.width = "1000px";
3 canvas.style.height = "1000px";
方法三 ：用jquery的$("#id").width(500);會被拉伸 

其它：canvas的width和height也不能用百分比表示。canvas會將百分值當成數值顯示