HTML5的學習之canvas畫布
canvas其他剩餘的方法和屬性。
轉換
| 方法 | 描述 |
|---|---|
| scale() | 縮放當前繪圖至更大或更小。 |
| rotate() | 旋轉當前繪圖。 |
| translate() | 重新映射畫布上的 (0,0) 位置。 |
| transform() | 替換繪圖的當前轉換矩陣。 |
| setTransform() | 將當前轉換重置爲單位矩陣。然後運行 transform()。 |
圖像繪製
| 方法 | 描述 |
|---|---|
| drawImage() | 向畫布上繪製圖像、畫布或視頻。 |
| createImageData() | 創建新的、空白的 ImageData 對象。 |
| getImageData() | 返回 ImageData 對象，該對象爲畫布上指定的矩形複製像素數據。 |
| putImageData() | 把圖像數據（從指定的 ImageData 對象）放回畫布上。 |
| 屬性 | 描述 |
|---|---|
| width | 返回 ImageData 對象的寬度。 |
| height | 返回 ImageData 對象的高度。 |
| data | 返回一個對象，其包含指定的 ImageData 對象的圖像數據。 |
合成
| 屬性 | 描述 |
|---|---|
| globalAlpha | 設置或返回繪圖的當前 alpha 或透明值。 |
| globalCompositeOperation | 設置或返回新圖像如何繪製到已有的圖像上。 |
其他
| 方法 | 描述 |
|---|---|
| save() | 保存當前環境的狀態。 |
| restore() | 返回之前保存過的路徑狀態和屬性。 |