Rotate Image in JavaScript with new Image()

Question

I tried to rotate an image in javascript using the new Image() I tried with this:

this.gunner = new Image()
this.gunner.src = *url*
this.gunner.style.WebkitTransform = "rotate(20deg)"

but the image still was like normal.

How can I do this?

Possible duplicate of [Rotate a div using javascript](http://stackoverflow.com/questions/19126432/rotate-a-div-using-javascript) — Banzay, Mar 11 '17 at 14:39

score 3 · Accepted Answer · answered Mar 11 '17 at 14:38

3

Try this:

var image = new Image();
image.src = 'http://placehold.it/350x150';
document.body.append(image);
image.style.transform = "rotate(90deg)";

answered Mar 11 '17 at 14:38

meltuhamy

1 Answers1