[繪制drawImage圖片](%EF%BC%88%E5%9B%9B%EF%BC%89Canvas%E5%9B%BE%E7%89%87/%E7%BB%98%E5%88%B6drawImage%E5%9B%BE%E7%89%87.md)
[使用getImageData()和putImageData()繪制圖片](%EF%BC%88%E5%9B%9B%EF%BC%89Canvas%E5%9B%BE%E7%89%87/%E4%BD%BF%E7%94%A8getImageData%E5%92%8CputImageData%E7%BB%98%E5%88%B6%E5%9B%BE%E7%89%87.md)
[使用createImageData新建像素](%EF%BC%88%E5%9B%9B%EF%BC%89Canvas%E5%9B%BE%E7%89%87/%E4%BD%BF%E7%94%A8createImageData%E6%96%B0%E5%BB%BA%E5%83%8F%E7%B4%A0.md)
- Canvas基本功能
- 繪制方法
- （一）Canvas標簽
- 定義Canvas標簽
- 理解Canvas坐標系
- 獲取Canvas環境上下文
- （二）Canvas圖形
- 繪制Canvas路徑
- 1、繪制線條
- 案例1：繪制直線
- 案例2：繪制圓形的結束線帽
- 案例3：繪制復雜圓形
- 2、繪制矩形
- 案例1：rect()與stroke()繪制矩形
- 案例2：fillRect()繪制矩形
- 3、繪制圓形
- 案例1
- 案例2
- 4、繪制貝塞爾曲線
- 案例1：貝塞爾曲線方式1
- 案例2：貝塞爾曲線方式2
- 案例3:復雜的貝塞爾曲線
- 繪制Canvas變形圖形
- 處理Canvas圖形
- （三）Canvas文本
- 繪制文字
- 設置文字格式
- 設置文字對齊方式
- （四）Canvas圖片
- 繪制drawImage圖片
- 使用getImageData()和putImageData()繪制圖片
- 使用createImageData新建像素
- 參考文章
- API官網
- 示例