HTML canvas width 屬性

2018-11-14 16:29 更新

HTML <canvas> width 屬性

HTML canvas 標(biāo)簽參考手冊 HTML <canvas> 標(biāo)簽

實(shí)例

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

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: Internet Explorer 8 及更早IE版本不支持 <canvas> 標(biāo)簽。


定義和用法

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

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

提示: 請?jiān)谖覀兊?nbsp;HTML Canvas 教程中學(xué)習(xí)更多有關(guān) <canvas>的知識。


HTML 4.01 與 HTML 5 之間的差異

<canvas> 是 HTML5 中的新標(biāo)簽。


語法

<canvas width="pixels">

屬性值

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


Examples

更多實(shí)例

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


HTML canvas 標(biāo)簽參考手冊 HTML <canvas> 標(biāo)簽

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號