以下所有 set 打头的方法均为微信小程序特有, 去掉 set 即为 CanvasRenderingContext2D 的属性名.
.stroke() 描出当前路径
.setStrokeStyle(color) 设置路径颜色
.setLineWidth(Number lineWidth) 设置路径宽度
.setLineCap(String lineCap) 设置路径端点样式
.fill() 闭合并填充当前路径
.setFillStyle(color) 设置填充色
.setStrokeStyle(color) 设置路径色
.beginPath() 开始路径
.moveTo() 创建一个点
.lineTo() 创建一个点与上一个点连接
.rac(x, y, 半径, 开始弧度, 结束弧度, 逆时针) 画一个弧形
.rect(x, y, width, height) 画一个矩形
.closePath() 闭合路径
.rotate() 以原点为中心旋转
.translate(x, y) 偏移原点位置
备注: 与数学坐标系 X 轴一致, Y 轴反转.
- 画布对象
- 颜色对象 Gradient
设置阴影
.setShadow(offsetX, offsetY, blur, color)
创建线性渐变色
.createLinearGradient()
创建辐射渐变色
.createCircularGradient()
创建渐变色点
Gradient.addColorStop()
设置路径转折点样式
.setLineJoin(String lineJoin)
.setMiterLimit(Number miterLimit)