<canvas id="myCanvas" width="500" height="300"></canvas>

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');


ctx.beginPath();
ctx.moveTo(50, 50); // Начальная точка

// Квадратичная кривая Безье с одной контрольной точкой
ctx.quadraticCurveTo(100, 150, 150, 50);

ctx.stroke(); // Рисуем контур пути