Canvas元素默認寬 300px, 高 150px, 設置其寬高可以使用如下方法：

方法一：

1 <canvas width="500" height="500"></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 ｝

方法二：使用HTML5 Canvas API操作

1 var canvas = document.getElementById('欲操作canvas的id');
2 canvas.style.width = "1000px";
3 canvas.style.height = "1000px";

轉載于:https://www.cnblogs.com/inaugust/archive/2011/08/16/2141323.html

總結

以上是生活随笔為你收集整理的关于HTML5中Canvas的宽、高设置问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。