Draw image rotated and scaled on html canvas element

drawImage.js

function drawImage(ctx, img, x, y, angle = 0, scale = 1){
  ctx.save();
  ctx.translate(x + img.width * scale / 2, y + img.height * scale / 2);
  ctx.rotate(angle);
  ctx.translate(- x - img.width * scale / 2, - y - img.height * scale / 2);
  ctx.drawImage(img, x, y, img.width * scale, img.height * scale);
  ctx.restore();
}

Oh my god thank you!!!

Only issue was that the scaling was happening from the top-left corner

This scales it from the center:

function drawImage(img, x, y, angle = 0, scale = 1) {
	let scale_half = scale / 2;
	x -= img.width * scale_half;
	y -= img.height * scale_half;
	
	ctx.save();
	ctx.translate(x + img.width * scale_half, y + img.height * scale_half);
	ctx.rotate(angle);
	ctx.translate(- x - img.width * scale_half, - y - img.height * scale_half);
	ctx.drawImage(img, x, y, img.width * scale, img.height * scale);
	ctx.restore();
}