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