JSFiddle - React, Tailwind, and code Playground

JavaScript

var canvas = document.createElement("canvas");
document.body.appendChild(canvas);
canvas.width=300;
canvas.height=300;
var context = canvas.getContext("2d");

context.save();
context.translate(canvas.width/2,canvas.height/2);
context.rotate(Math.PI/4);
context.translate(-canvas.width/2,-canvas.height/2);

context.moveTo(100,0);
context.lineTo(100,100);
context.stroke();

context.moveTo(100.5,110.5);
context.lineTo(100.5,210.5);
context.stroke();

context.fillStyle = "red";
context.fillRect(145,145,10, 10);

context.restore();