案例2：贝塞尔曲线方式2 · canvas基本功能

## 使用bezierCurveTo() 绘制 canvas 贝塞尔曲线 ![](https://img.kancloud.cn/c4/93/c4930488f0f3059ff10bf3191a387c80_280x118.png) 相关代码如下： ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> </head> <body> <canvas id="canvas" width="300" height="400"> 您的浏览器不支持 HTML5 canvas 标签。 </canvas> <script> var c = document.getElementById('canvas'); var ctx = c.getContext('2d'); ctx.beginPath(); ctx.moveTo(20, 20); ctx.bezierCurveTo(20, 100, 200, 100, 200, 20); ctx.stroke(); ctx.closePath(); </script> </body> </html> ~~~