javascript - 如何使用 new Image() 旋转图像？

Question

我正在使用创建新图像

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

那么如何在显示之前旋转该图像？

Answer 1

raphael.js 库支持更简单的图像旋转：

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

Answer 2

您可以使用 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)"