Image transform property not rotating image

Question

I have this tile image here that needs to be rotated upside down, however when using the transform property, it doesn't seem to have changed the image.

const tile = new Image();
tile.src = '../assets/tilemap0.png';
tile.style.transform = 'rotate(180deg)';

ctx.drawImage(
  tile, 0, 0, 16, 16,
  10, 10, 64, 64,
);

Output: Expected: