この関数を使用して画像を回転させます。
xrotate: function (object, degrees) {
object.css({
'-webkit-transform' : 'rotate('+degrees+'deg)',
'-moz-transform' : 'rotate('+degrees+'deg)',
'-ms-transform' : 'rotate('+degrees+'deg)',
'-o-transform' : 'rotate('+degrees+'deg)',
'transform' : 'rotate('+degrees+'deg)',
'zoom' : 1
});
}
chrome、firefox、opera、safari では動作しますが、IE9 では動作しません。なぜそうしないのですか?
このスタイルは、この画像の DOM ビューアーの HTML/Trace Styles 画面にはまったく表示されません。また、Chrome とは異なり、IE の DOM ビューアーで手動で追加することはできないようです。
PS: 画像は gif 12x12 です。以前、同じ svg 画像で同じことを試したところ、IE でサポートされているはずなのに、まったく表示されませんでした。