javascript - new Image() で画像を回転するには?

Question

を使用して新しい画像を作成しています

img = new Image();
img.src = image_url;

次に、表示する前にその画像を回転するにはどうすればよいですか?

Answer 1

CSS変換でそれを行うことができます：

var img = new Image();
img.src = "http://www.gravatar.com/avatar/a7d7d1a56e455ea29f370251e3582986?s=32&d=identicon&r=PG";
document.getElementsByTagName('body')[0].appendChild(img);
img.style.Transform = "rotate(90deg)"
img.style.MozTransform = "rotate(90deg)"
img.style.webkitTransform = "rotate(90deg)"