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?

meltuhamy · Accepted Answer · 2017-03-11 14:38:35Z

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, 2017 at 14:38

meltuhamy

3,5434 gold badges25 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1