Поверните изображение по часовой стрелке или против часовой стрелки внутри div, используя javascript

HI, есть способ, с помощью которого я могу поворачивать изображение внутри div по часовой стрелке или против часовой стрелки.

У меня есть основная фиксированная ширина div [overflow set to hidden] с изображениями, загруженными из базы данных. Существует полоса прокрутки для отображения изображений внутри div. Когда изображение кликается, мне нужно показать вращающуюся анимацию по часовой стрелке или против часовой стрелки.

Я сделал это, используя фильтр Matrix. Я хотел бы знать, можно ли это сделать в IE, но без использования каких-либо фильтров.

Ответы

Ответ 1

попробуйте следующее: http://raphaeljs.com/image-rotation.html

использует холст, но также поддерживает IE

Ответ 2

Если вы используете jQuery, jQueryRotate - это небольшой (менее 3Kb minified + gzipped) плагин, который поворачивает изображения:

http://jqueryrotate.com/

Ответ 3

Единственный способ, которым я могу думать о ротации изображений на клиентской стороне в IE, - это использование фильтров. Для нескольких последних версий в других браузерах вы можете использовать <canvas> Управление.

Ваша альтернатива заключается в использовании серверной стороны script для поворота изображения. Затем вы можете отправить информацию о том, как повернуть его с помощью JavaScript (т.е. Создать путь к изображению, например,/rotate?image=img.jpg&amount=90)

Ответ 4

CSS3 поддерживает ротацию, но он не поддерживается широко. Когда вы попросили решение JavaScript, здесь один, но я не думаю, что вы можете получить гладкие изображения.

Ответ 5

Существует другой способ повернуть изображения без каких-либо фильтров /html 5.. он неприятен и бесполезен в реальном мире, но возможен.

Вы можете сохранить свое изображение в виде массива пикселей для javascript. Write, чтобы выполнить вращение с ним и закодировать его на base64 datauri, bmp может быть легко и заменить на него image.src.

Будет существовать некоторое ограничение на размер файла и поддержку в старом браузере и, конечно же, на ужасную производительность.