Canvas贝塞尔曲线

最新推荐文章于 2024-08-16 15:33:06 发布

Wangdanting123

最新推荐文章于 2024-08-16 15:33:06 发布

阅读量424

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Wangdanting123/article/details/51803919

本文介绍如何使用HTML5 Canvas API中的quadraticCurveTo和bezierCurveTo方法来绘制平方贝塞尔曲线和立方贝塞尔曲线。通过具体的JavaScript代码示例，展示了这两种曲线的绘制过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 function drawScreen(){

                context.strokeStyle="#000000";
                context.lineWidth=10;
                context.beginPath();
                context.moveTo(10,10);
//                平方贝塞尔曲线
                context.quadraticCurveTo(110,35,10,60);
                context.stroke();
                context.closePath();

//                立方贝塞尔曲线
                context.beginPath();
                context.moveTo(220,10);
                context.bezierCurveTo(120,35,320,60,220,85);
                context.stroke();
                context.closePath();
            }