Я создаю новое изображение, используяКак повернуть изображение с помощью нового изображения()?
img = new Image();
img.src = image_url;
Тогда как я могу повернуть это изображение перед отображением его?
Я создаю новое изображение, используяКак повернуть изображение с помощью нового изображения()?
img = new Image();
img.src = image_url;
Тогда как я могу повернуть это изображение перед отображением его?
Raphaël.js библиотека поддерживает более легкое вращение изображения:
Включая всю библиотеку только для выполнения этой простой задачи, это излишний. Можно было бы предложить использовать GD или imagik, чтобы фактически создать повернутую версию изображения ... Я действительно не думаю, что этот ответ помог бы OP и будущим посетителям. – Lix
Спасибо за отзыв, хотя существует более тактичный ответ. Если вы не говорите о Javascript GD (а не о PHP), вопрос указывает на реализацию на стороне клиента .. поэтому, используя библиотеку JS. – adamjc
Yea - Возможно, я пошёл за борт с PHP-файлом (извините, что). Я все еще думаю, что включение целой библиотеки только для поворота изображения, когда оно доступно с CSS, все еще переборщило ... – Lix
Вы можете сделать это с помощью 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)"
http://stackoverflow.com/q/2367595/1190388 – hjpotter92
Вы что-то пробовали? – Antony