如何在没有ctx.bezierCurveTo的情况下使用原生Javascript代码绘制平滑的曲线？

var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

var startX = 0; // 起点x坐标
var startY = 0; // 起点y坐标
var endX = 100; // 终点x坐标
var endY = 100; // 终点y坐标
var controlX = 50; // 控制点x坐标
var controlY = 0; // 控制点y坐标

var t = 0.5; // 参数t，取值范围为0到1
var midX = (1 - t) * (1 - t) * startX + 2 * (1 - t) * t * controlX + t * t * endX;
var midY = (1 - t) * (1 - t) * startY + 2 * (1 - t) * t * controlY + t * t * endY;

ctx.moveTo(startX, startY);

ctx.quadraticCurveTo(controlX, controlY, endX, endY);

ctx.stroke();