Повернуть можно, причем с точностью до градуса.
В так называемых "современных" браузерах это можно сделать посредством http://developer.mozilla.org/en/docs/HTML:Canvas (используя метод rotate). Ну а "старый добрый" IE давным-давно способен на подобные "трюки", например есть у него фильтр, называемый http://msdn2.microsoft.com/en-us/library/ms533014.aspx. С помощью этого фильтра можно "крутануть" изображение или еще чего-нибудь. Вот маленький примерчик (за основу взял пример с MSDN):
| Код |
<div style='width:100px;height:100px;position:absolute;background-color:red;top:200px;left:200px;
filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand");'
onclick='Spin(this.filters.item(0), 0, 1)'></div>
|
| Код |
function Spin(aFilter, aDeg, aInc) {
aDeg += aInc;
var rad = aDeg * Math.PI * 2 / 360,
costheta = Math.cos(rad),
sintheta = Math.sin(rad);
aFilter.M11 = costheta;
aFilter.M12 = -sintheta;
aFilter.M21 = sintheta;
aFilter.M22 = costheta;
if (aDeg < 90) {
window.setTimeout(function () {
Spin(aFilter, aDeg, aInc);
}, 100);
}
}
|
Данный пример позволит повернуть блок на 90 градусов (пошагово в 1 градус), если Вы рискнете кликнуть по этому блоку. ;)
А можно воспользоваться профессиональным сценарием - библиотекой https://sourceforge.net/projects/excanvas, которая позволяет делать подобные вещи кроссбраузерно... |
