JSFiddle - React, Tailwind, and code Playground

by Paul Wheeler

HTML

<html>
<head>
<title>Bezier Curve Test</title>
</head>
<body>
<canvas id="disp" width="300" height="300"></canvas>
<script>
const disp = document.getElementById('disp');
const ctx = disp.getContext('2d');

ctx.fillStyle = 'dimgray';
ctx.fillRect(0, 0, disp.width, disp.height);

ctx.fillStype = undefined;
ctx.strokeStyle = 'limegreen';

ctx.translate(10.5, 100.5);

ctx.lineTo(108.87, 3.78);
ctx.bezierCurveTo(
    201.1, -128.61,
		34.21, 82.54,
		134.14, 126.01
);
ctx.stroke();

</script>
</body>
</html>