微信小程序-canvas画布

 

 

var context = wx.createCanvasContext('Canvas-id')
setStrokeStyle()　　//表示画布的内容的边线颜色
setLineWidth()　　//表示边线线宽
rect()　　//按照 左上右下 的顺序写入参数
// 因为 canvas 的坐标轴是向下的，操作顺序是 

- 按照left值在x轴处做垂直线

- 按照top值在y轴处做垂直线

- 按照right值在x轴处座垂直线

- 按照bottom值在y轴处做垂直线

- 四条垂直线相交区域就是得到的内容

- 少任何一个参数都会告诉你“TypeError: Failed to execute 'rect' on 'CanvasRenderingContext2D': 4 arguments required, but only 3 present.”

moveTo(x,y) // 操作类似“把手放到图版的这个位置（x,y）”
lineTo(x,y) // 操作类似“从刚刚移动到的位置(moveTo)预想画到这里(x,y)”
stroke() //方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径
arc() // 参数分别表示 圆心x轴坐标、圆心y轴坐标、半径、从哪里开始画、画到什么地方、顺时针or逆时针画
draw() // 理直气壮不知道

 

转载于:https://www.cnblogs.com/perfect-yuewei/p/8317317.html