cvans绘画探索：绘制三阶贝塞尔曲线

刚分享了二阶的贝塞尔曲线，那么三阶贝塞尔曲线可以怎么绘制呢（代码非原创）？

 <canvas width="300" height="300" id="canvas"/>
<script>
// 0. 获取到页面上的 canvas 标签元素节点
const canvasEle = document.querySelector('#canvas')

// 1. 获取当前这个画布的工具箱
const ctx = canvasEle.getContext('2d')

// 2. 描绘测定贝塞尔曲线的线段形状
ctx.moveTo(25, 175)
ctx.lineTo(60, 80)
ctx.lineTo(150, 30)
ctx.lineTo(170, 150)
ctx.stroke()

// 3. 根据上述描述路径绘制三阶贝塞尔曲线
ctx.beginPath()
ctx.moveTo(25, 175) // 起点, 描述 p0 点位
// 语法 : ctx.bezierCurveTo(p1 x, p1 y, p2 x, p2 y, p3 x, p3 y)
ctx.bezierCurveTo(60, 80, 150, 30, 170, 150)
ctx.strokeStyle = 'red'
ctx.stroke()

</script>