画不一样颜色的两条线 - WXOPEN Club | 微信小程序专业社区

请问怎么在同一个画板中实现画出两条不一样颜色的线？我尝试过话出的颜色只能是一样的，求解！代码如下

const ctx = wx.createCanvasContext('myCanvas')
ctx.moveTo(10, 10)
ctx.lineTo(100, 10)ctx.setStrokeStyle('yellow')

ctx.moveTo(10, 50)ctx.lineTo(100, 50)
ctx.setStrokeStyle('white')

ctx.stroke()
ctx.draw()

gxiong 1楼•4 年前

const ctx = wx.createCanvasContext('myCanvas')

ctx.beginPath()
ctx.moveTo(10, 10)
ctx.lineTo(100, 10)ctx.setStrokeStyle('yellow')
ctx.stroke()

ctx.beginPath()
ctx.moveTo(10, 50)ctx.lineTo(100, 50)
ctx.setStrokeStyle('white')
ctx.stroke()
ctx.draw()

每次画线之前都要beginPath()，结束后stroke()。