Поворот изображения по часовой стрелке или против часовой стрелки внутри div с помощью javascript
привет, есть ли способ, которым я могу повернуть изображение внутри div по часовой стрелке или против часовой стрелки.
У меня есть основная фиксированная ширина div[overflow set to hidden] с изображениями, загруженными из базы данных. Есть полоса прокрутки для отображения изображения внутри div. Когда изображение нажато, мне нужно показать вращающуюся анимацию либо по часовой стрелке, либо против часовой стрелки.
Я сделал это с помощью матрицы фильтра. Я хотел бы знать, можно ли это сделать в IE только без использования фильтров.
5 ответов
попробуйте это: http://raphaeljs.com/image-rotation.html
использует холст, но также поддерживает IE
Если вы используете jQuery, jqueryrotate-это небольшой (менее 3 КБ minified+gzipped) плагин, который вращает изображения:
единственный способ, который я могу придумать для поворота изображений на стороне клиента в IE, - это использовать фильтры. Для некоторых последних версий других браузеров вы можете использовать управления.
альтернативой является использование сценария на стороне сервера для поворота изображения. Затем вы можете отправить информацию о том, как повернуть его с помощью JavaScript (т. е. создать путь к изображению, например /rotate?изображение=ИМГ.jpg & сумма=90)
CSS3 поддерживает вращение, а это не широко поддерживается. Как вы просили решение JavaScript,вот, но я не думаю, что вы можете получить плавное изображение.
существует другой способ поворота изображений без каких-либо фильтров / html5.. это отвратительно и бесполезно в реальном мире, но возможно.
вы можете сохранить изображение в виде массива пикселей для javascript. Напишите функцию для того чтобы выполнить вращение с им и зашифровать его к datauri base64, bmp смогл быть легок и заменить изображение.ГРЦ с ним.
будет некоторое ограничение о размере файлов и поддержке в старом браузере и, конечно, ужасной производительности..