Canvas元素預設寬 300px, 高 150px, 設定其寬高可以使用如下方法：
方法一：
1
方法二：使用HTML5 Canvas API操作 OK
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 ｝
方法二：使用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會將百分值當成數值顯示

轉自https://blog.csdn.net/opengl_es/article/details/38350787