如何用新的Image（）旋转图像？

Question

我正在使用

创建新图像

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

然后如何在显示之前旋转该图像？

Answer 1

raphael.js库支持更容易的图像旋转：

http://raphaeljs.com/image-rotation.html

Answer 2

您可以使用css transform：

来完成

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)"