Canvas や AJAX を使用せずに JavaScript で画像を回転できますか?

Question

HTML5 キャンバス要素またはサーバーサイド スクリプトへの AJAX 呼び出しのいずれかを使用する JavaScript 画像ローテータをいくつか見たことがありますが、それらのメソッドを使用せずにそれを実行することは可能ですか?Internet Explorer は Canvas をサポートしていません (excanvas については知っていますが、できればサポートせずにしたいと思っています)。また、AJAX が十分に流動的であるかどうかもわかりません。方法がある場合、教えていただけるオープンソースのスクリプト、例、またはリソースはありますか?

Answer 1

残念ながら、CSS は、いかなる方法、形状、形式でも画像の回転をサポートしていません (ただし、考慮しない限り) CSS 変換, 、Safari 4 と Firefox 3.1 でのみサポートされています）。

最善の策は使用することです ラファエルの image() とrotate()。これは、すべての準最新ブラウザ (SVG を使用) と IE のほとんどのバージョン (VML を使用) をサポートする必要があります。

Answer 2

このjQueryプラグインは、IEなどの主要なブラウザで動作します： http://wilq32.googlepages.com/wilq32 .rollimage222する。それはexcanvasを使用していますが、その方法は、あなたの目的のために十分に良好であれば、少なくとも、それはあなたが評価することができます。

Answer 3

Googleはあなたの友達です。 http://www.walterzorn.com/rotate_img/rotate_img.htmする

しかし、この手法の欠点は、（上述のように）、それはブラウザ良いビットを遅くすることができるように、それはDIVSの膨大な数を挿入することによって、ハッキングを使用することです。注意して使用してください。キャンバスのタグが最初の場所で作成された理由をこのような問題がある。

Answer 4

はい、CSSを経由して変換ます：

 var degree=180;
 document.getElementById('image_name').style.transform='rotate('+degree+'deg)';