画不一样颜色的两条线
发布于 5 年前 作者 osun 637 次浏览 来自 问答

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

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()
1 回复

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()。

回到顶部