Calligraphic Stroking in Canvas

HTML

<html lang="en">
  <body>
    <canvas id="canvas" width="256" height="256"></canvas>
  </body>
</html>

JavaScript

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

ctx.beginPath();
ctx.arc(192, 128, 50, 0, 6.28318531);
ctx.moveTo(64, 64);
ctx.lineTo(64, 192);
ctx.closePath();

ctx.lineWidth = 8.0;
ctx.rotate(1.0);
ctx.scale(3.0, 1.0);
ctx.stroke();