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