SOURCE

console 命令行工具 X clear

                    
>
console
let canvas = document.createElement('canvas');
canvas.height = 500;
canvas.width = 500;
canvas.style.backgroundColor = 'white'
document.body.appendChild(canvas);

ctx = canvas.getContext('2d');

ctx.beginPath();
let point1 = [200,100];
let point2 = [200,200];
ctx.moveTo(...point1);

ctx.moveTo(...point2);
// 贝塞尔曲线
ctx.bezierCurveTo(90,90,180,80,...point1)

// 二次贝塞尔曲线
// ctx.quadraticCurveTo(20,50,...point1)

ctx.moveTo(...point2);

ctx.bezierCurveTo(280,130,240,50,...point1)

ctx.moveTo(...point2);
ctx.stroke();
ctx.fillRect(0,0,10,10);
<html>
    <body>
	
</body>
</html>