定义

创建三次方贝塞尔曲线路径。

tip: 曲线的起始点为路径中前一个点。

参数

例子

const ctx = wx.createcanvascontext('mycanvas')

// draw points
ctx.beginpath()
ctx.arc(20, 20, 2, 0, 2 * math.pi)
ctx.setfillstyle('red')
ctx.fill()

ctx.beginpath()
ctx.arc(200, 20, 2, 0, 2 * math.pi)
ctx.setfillstyle('lightgreen')
ctx.fill()

ctx.beginpath()
ctx.arc(20, 100, 2, 0, 2 * math.pi)
ctx.arc(200, 100, 2, 0, 2 * math.pi)
ctx.setfillstyle('blue')
ctx.fill()

ctx.setfillstyle('black')
ctx.setfontsize(12)

// draw guides
ctx.beginpath()
ctx.moveto(20, 20)
ctx.lineto(20, 100)
ctx.lineto(150, 75)

ctx.moveto(200, 20)
ctx.lineto(200, 100)
ctx.lineto(70, 75)
ctx.setstrokestyle('#aaaaaa')
ctx.stroke()

// draw quadratic curve
ctx.beginpath()
ctx.moveto(20, 20)
ctx.beziercurveto(20, 100, 200, 100, 200, 20)
ctx.setstrokestyle('black')
ctx.stroke()

ctx.draw()

针对 moveto(20, 20) beziercurveto(20, 100, 200, 100, 200, 20) 的三个关键坐标如下：

• 红色：起始点(20, 20)
• 蓝色：两个控制点(20, 100) (200, 100)
• 绿色：终止点(200, 20)