HTML <canvas> width 屬性

HTML canvas 標籤參考手冊 HTML <canvas> 標籤

實例

高度和寬度為200像素的 <canvas> 元素:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">


流覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流流覽器都支持 width 屬性。

注意: Internet Explorer 8 及更早IE版本不支持 <canvas> 標籤。


定義和用法

width 屬性返回 ImageData 對象的寬度,以像素計。

提示: 每當畫布的高度或寬度被重設時,畫布內容就會被清空(請看頁面底部的例子)。

提示: 請在我們的 HTML Canvas 教學中學習更多有關 <canvas>的知識。


HTML 4.01 與 HTML 5 之間的差異

<canvas> 是 HTML5 中的新標籤。


語法

<canvas width="pixels">

屬性值

Value Description
pixels 指定 canvas 的 width屬性, 以像素計(如"100")。 默認 width 為 "300"


Examples

更多實例

清空畫布
如何通過重設 width 或 height 屬性來清空畫布(使用 JavaScript)。


HTML canvas 標籤參考手冊 HTML <canvas> 標籤