moveTo(x, y) 移動
lineTo(x, y)劃線
fillStyle = "color" 更改填充顏色
fill()填充
strokeStyle = "color" 更改描邊樣式
stroke()描邊

矩形

fillRect(x, y, w, h)填充矩形(沒有路徑)
strokeRect(x, y, w, h) 描邊矩形(沒有路徑)
rect(x, y, w, h)舉行路徑
clearRect(x, y, w, h)清空區域

弧

arc(cx, cy, r, startDegree, endDegree, anticlockwise) 圓心x，圓心y，半徑，起始角度(弧度制)，結束角度(弧度制)，是否逆時針
fill() 填充

文本

font = "字號 字體"
textAlign = "left/center/right"豎軸對齊方式
textBaseline ="top/middle/bottom" 橫軸對齊方式
fillText('文字', x, y) 填充文字
strokeText('文字', x, y)描邊文字
measureText('文字') 返回文字長度(width)
beginPath()開始路徑
closePath() 閉合路徑
線條樣式
lineCap = "round/butt(默認)/square" 更改線帽
lineJoin = "round/miter(默認)/bevel(切角)" 更改連接點樣式
lineWidth = 20 線寬

陰影

shadowColor 設置或返回陰影顏色
shadowBlur 設置或返回陰影模糊級別
shadowOffsetX 設置或返回陰影距形狀的水平距離
shadowOffsetY設置或返回陰影距形狀的垂直距離

漸變

createLinearGradient(x0, y0, x1, y1)創建線性漸變 起始位置 結束位置（用在畫布內容上）
createPattern(img, "repeat|repeat-x|repeat-y|no-repeat")在指定的方向上重復指定的元素
createRadialGradient(x0, y0, r0, x1, y1, r1)創建徑向漸變 起始位置 結束位置（用在畫布內容上）
addColorStop(位置, 顏色) 規定漸變對象中的顏色和停止位置(0~1)

畫圖

drawImage(img, x, y)在畫布上繪制圖像、畫布或視頻
drawImage(img, x, y, width, height)
drawImage(img, sx, sy, swidth, sheight, x, y, width, height) 剪切圖像，并在畫布上定位被剪切的部分 。