HTML canvas width 屬性

2018-11-14 16:29 更新

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 對象的寬度,以像素計。

提示: 每當畫布的高度或?qū)挾缺恢卦O(shè)時,畫布內(nèi)容就會被清空(請看頁面底部的例子)。

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


HTML 4.01 與 HTML 5 之間的差異

<canvas> 是 HTML5 中的新標簽。


語法

<canvas width="pixels">

屬性值

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


Examples

更多實例

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


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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號