Latest web development tutorials

HTML canvas width 屬性

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

實例

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

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

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持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>標籤