前端画布曲线

最新推荐文章于 2024-08-11 21:37:15 发布

x-working

最新推荐文章于 2024-08-11 21:37:15 发布

阅读量1k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/liyanqiang19/article/details/92694428

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

//三次贝塞尔曲线
brush.beginPath();
brush.save();
brush.moveTo(0, 0);
brush.bezierCurveTo(200, 0, 200, 400, 400, 400);
brush.stroke();

//两次贝塞尔曲线
brush.beginPath();
brush.moveTo(0, 0);
brush.quadraticCurveTo(400, 0, 400, 400);
brush.stroke();

//固定曲线-直线
brush.beginPath();
brush.moveTo(100, 100);
brush.arcTo(200, 50, 300, 300, 100);
brush.stroke();

//固定半径
brush.beginPath();
brush.arc(200, 200, 100, 0, 2*Math.PI);
brush.stroke();