HTML DOM Canvas 對(duì)象
Canvas 對(duì)象
Canvas 對(duì)象表示一個(gè) HTML 畫布元素 - <canvas>。它沒有自己的行為，但是定義了一個(gè) API 支持腳本化客戶端繪圖操作。
你可以直接在該對(duì)象上指定寬度和高度，但是，其大多數(shù)功能都可以通過 CanvasRenderingContext2D 對(duì)象獲得。 這是通過 Canvas 對(duì)象的 getContext() 方法并且把直接量字符串 "2d" 作為唯一的參數(shù)傳遞給它而獲得的。
<canvas> 標(biāo)記在 Safari 1.3 中引入，在制作此參考頁時(shí)，它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中，<canvas> 標(biāo)記及其 API 可以使用位于 excanvas.sourceforge.net 的 ExplorerCanvas 開源項(xiàng)目來模擬。
提示：如果希望學(xué)習(xí)如何使用 <canvas> 來繪制圖形，可以訪問 Mozilla 提供的 Canvas 教程（英文）以及相應(yīng)的 中文 Canvas 教程。
Canvas 對(duì)象的屬性
height 屬性
畫布的高度。和一幅圖像一樣，這個(gè)屬性可以指定為一個(gè)整數(shù)像素值或者是窗口高度的百分比。當(dāng)這個(gè)值改變的時(shí)候，在該畫布上已經(jīng)完成的任何繪圖都會(huì)擦除掉。默認(rèn)值是 300。
width 屬性
畫布的寬度。和一幅圖像一樣，這個(gè)屬性可以指定為一個(gè)整數(shù)像素值或者是窗口寬度的百分比。當(dāng)這個(gè)值改變的時(shí)候，在該畫布上已經(jīng)完成的任何繪圖都會(huì)擦除掉。默認(rèn)值是 300。
Canvas 對(duì)象的方法
| 方法 | 描述 |
|---|---|
| getContext() | 返回一個(gè)用于在畫布上繪圖的環(huán)境。 |
參閱
HTML 5 <canvas> 標(biāo)簽
HTML 5 Canvas 教程
