Canvas—＜绘制图形＞

Canvas中三种画矩形的方式
fillRect(x, y, width, height)绘制一个填充的矩形strokeRect(x, y, width, height)绘制一个矩形的边框clearRect(x, y, width, height)清除指定矩形区域，让清除部分完全透明
function drawRect () {
const canvas = document.getElementById('canvas') as Element
const ctx = canvas.getContext('2d')

ctx.fillRect(0, 0, 100, 100) // 默认填充色黑色
ctx.clearRect(10, 10, 80, 80)
ctx.strokeRect(20, 20, 60, 60)
}
Canvas中绘制路径
beginPath()新建一条路径closePath()闭合路径moveTo(x, y)移动到目标坐标lineTo(x, y)绘制直线stroke()绘制线条fill()填充绘

Canvas—＜绘制图形＞最先出现在Python成神之路。