2013-05-11 4 views

ответ

-2

Raphaël.js библиотека поддерживает более легкое вращение изображения:

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

+0

Включая всю библиотеку только для выполнения этой простой задачи, это излишний. Можно было бы предложить использовать GD или imagik, чтобы фактически создать повернутую версию изображения ... Я действительно не думаю, что этот ответ помог бы OP и будущим посетителям. – Lix

+0

Спасибо за отзыв, хотя существует более тактичный ответ. Если вы не говорите о Javascript GD (а не о PHP), вопрос указывает на реализацию на стороне клиента .. поэтому, используя библиотеку JS. – adamjc

+0

Yea - Возможно, я пошёл за борт с PHP-файлом (извините, что). Я все еще думаю, что включение целой библиотеки только для поворота изображения, когда оно доступно с CSS, все еще переборщило ... – Lix

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