JSFiddle - React, Tailwind, and code Playground
HTML
<canvas id='c' width=100 height=100></canvas>JavaScript
var canvas = document.getElementById('c');
w = 100; h = 100;
var ctx = canvas.getContext('2d');
ctx.rect(10, 10, 30, 20);
ctx.closePath();
ctx.stroke();
ctx.rotate(0.3);
ctx.save();
ctx.translate(50, 50);
ctx.scale(0.75, 1);
ctx.arc(0, 0, 50, 0, Math.PI*2, false);
ctx.closePath();
ctx.stroke();
ctx.restore();
ctx.rotate(-0.3);