JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id='rotacion' width='700' height='200'></canvas>

JavaScript

var canvas = document.getElementById('rotacion');
var context = canvas.getContext('2d');
var rectWidth = 150; 
var rectHeight = 75;
// traslada el contexto al centro del elemento canvas 
context.translate(canvas.width/2, canvas.height/2);
// Rota 45 grados en sentido horario 
context.rotate(Math.PI/4);
context.fillStyle = 'blue'; 
context.fillRect(rectWidth/-2, rectHeight/-2, rectWidth, rectHeight);