JSFiddle - React, Tailwind, and code Playground

by Shashank D

HTML

<canvas id="canvas"></canvas>

JavaScript

function drawImageRot(img,x,y,width,height,deg){
                        var rad = deg * Math.PI / 180;
                        ctx.save();
                        ctx.translate(x + width/2, y + height/2);
                        ctx.rotate(rad);

                        ctx.textAlign = "center";
                        ctx.textBaseline = "middle";
                        ctx.fillStyle = '#777';
                        ctx.font = '30px FontAwesome';
                        ctx.fillText('\uf020', 0, 0);

                        ctx.restore();
}

var deg = 1, canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d');
//setInterval(function () {
	ctx.clearRect(0, 0, 500, 500);
	deg += 1;
	drawImageRot(null, 10, 20, 100, 50, deg);
	ctx.rect(10, 10, 10, 10);
  ctx.stroke();
//}, 15)