画布 bezierCurveTo() Method

查看 bezierCurveTo() method 的不同值的演示。

或单击特定值以查看结果

bezierCurveTo(20,100,200,100,200,20);
bezierCurveTo(20,150,200,100,200,20);
bezierCurveTo(20,200,200,100,200,20);
bezierCurveTo(20,300,200,100,200,20);
bezierCurveTo(20,500,200,100,200,20);
bezierCurveTo(20,-100,200,100,200,20);
bezierCurveTo(20,-200,200,100,200,20);
您的浏览器不支持画布标记
您的浏览器不支持画布标记
您的浏览器不支持画布标记
您的浏览器不支持画布标记
您的浏览器不支持画布标记
您的浏览器不支持画布标记
您的浏览器不支持画布标记 
const c = document.getElementById('myCanvas');
const ctx = c.getContext('2d');
ctx.beginPath(); ctx.moveTo(20,20); ctx.bezierCurveTo(20,100,200,100,200,20); ctx.stroke();

使用我们的“试试自己”编辑器进一步修改代码： 试试自己 ❯