HTML5 Canvas 中的曲线绘制

Question

我想在 HTML5 画布中绘制一条像这里提到的曲线。有人可以指出我应该使用什么方法吗？

Answer 1

另一种方法是使用bezierCurveTo 方法

const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
let cw = canvas.width = 536;
let ch = canvas.height = 100;
   
ctx.beginPath();
ctx.moveTo(0,28)
ctx.bezierCurveTo(0,28,31,7,70,8);
ctx.bezierCurveTo(109,9,313,99,425,90);
ctx.bezierCurveTo(516,82.5,536,55,536,55);
ctx.stroke();

canvas{border:1px solid #d9d9d9;}

<canvas></canvas>