HTML中canvas的大小調整

今天用到canvas元素，發現它的大小不是像普通dom元素一樣，直接設置css樣式可以改變的，它會由自己原本的大小伸縮。

例如，

<canvas id='canvas'></canvas>

1.如果直接在canvas元素中添加style='width:300px;height:300px',這會導致伸縮，如圖

2.換種方式在css樣式表中加入樣式設置寬高產生的效果也是一樣的。

3.在js文件中

var canvas = document.getElementById('canvas');

canvas.width = 300;

canvas.height= 300;

這樣就可以達到預期的效果。

注：canvas默認寬高300,150(最后，注意在對畫布進行寬高修改后要重新繪圖)

轉載原文：http://www.cnblogs.com/walei/p/5741677.html