收藏
回答

画不一样颜色的两条线

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

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 个回答

  • 阿蒙
    阿蒙
    2018-11-05

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


    2018-11-05
    有用
    回复
登录 后发表内容