HTML 5 Canvas 的屬性
阿新 • • 發佈：2018-12-09
HTML5 <canvas> 標籤用於繪製圖像（通過指令碼，通常是 JavaScript）。
註釋：Internet Explorer 8 以及更早的版本不支援 <canvas> 元素。
顏色、樣式和陰影
線條樣式
| 屬性 | 描述 |
|---|---|
| 設定或返回線條的結束端點樣式 | |
| 設定或返回兩條線相交時，所建立的拐角型別 |
矩形
路徑
| 方法 | 描述 |
|---|---|
| 填充當前繪圖（路徑） | |
| 把路徑移動到畫布中的指定點，不建立線條 | |
| 新增一個新點，然後在畫布中建立從該點到最後指定點的線條 | |
| 從原始畫布剪下任意形狀和尺寸的區域 | |
| arc() | 建立弧/曲線（用於建立圓形或部分圓） |
| 建立兩切線之間的弧/曲線 | |
| 如果指定的點位於當前路徑中，則返回 true，否則返回 false |
轉換
文字
| 屬性 | 描述 |
|---|---|
| font | 設定或返回文字內容的當前字型屬性 |
| 設定或返回文字內容的當前對齊方式 | |
| 設定或返回在繪製文字時使用的當前文字基線 |
影象繪製
| 方法 | 描述 |
|---|
畫素操作
| 屬性 | 描述 |
|---|---|
| width | 返回 ImageData 物件的寬度 |
| 返回 ImageData 物件的高度 | |
| data | 返回一個物件，其包含指定的 ImageData 物件的影象資料 |
| 方法 | 描述 |
|---|---|
| 返回 ImageData 物件，該物件為畫布上指定的矩形複製畫素資料 | |
| 把影象資料（從指定的 ImageData 物件）放回畫布上 |
合成
其他
| 方法 | 描述 |
|---|---|
| save() | 儲存當前環境的狀態 |
| restore() | 返回之前儲存過的路徑狀態和屬性 |
| createEvent() | |
| getContext() | |
| toDataURL() |