Canvas bezierCurveTo() Method

观看 bezierCurveTo() method 不同值演示。

或点击某个特定值查看结果

bezierCurveTo(20,100,200,100,200,20);
bezierCurveTo(20,100,200,100,200,50);
bezierCurveTo(20,100,200,100,200,100);
bezierCurveTo(20,100,200,100,200,200);
bezierCurveTo(20,100,200,100,200,300);
你的浏览器不支持 canvas 标记
你的浏览器不支持 canvas 标记
你的浏览器不支持 canvas 标记
你的浏览器不支持 canvas 标记
你的浏览器不支持 canvas 标记 
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();

在我们的 Tryit yourself 编辑器中进一步使用代码： 立即体验 ❯