こんにちは、div 内の画像を時計回りまたは反時計回りに回転させる方法はありますか。
データベースからロードされた画像を含むメインの固定幅div [オーバーフローを非表示に設定]があります。div 内の画像を表示するためのスクロール バーがあります。画像をクリックすると、回転アニメーションを時計回りまたは反時計回りに表示する必要があります。
マトリックスフィルターを使用してそれを行いました。フィルタを使用せずに IE のみで実行できるかどうかを知りたいです。
こんにちは、div 内の画像を時計回りまたは反時計回りに回転させる方法はありますか。
データベースからロードされた画像を含むメインの固定幅div [オーバーフローを非表示に設定]があります。div 内の画像を表示するためのスクロール バーがあります。画像をクリックすると、回転アニメーションを時計回りまたは反時計回りに表示する必要があります。
マトリックスフィルターを使用してそれを行いました。フィルタを使用せずに IE のみで実行できるかどうかを知りたいです。
これを試してください:http://raphaeljs.com/image-rotation.html
canvas を使用しますが、IE もサポートします
jQuery を使用している場合、jQueryRotate は画像を回転させる小さな (3Kb 未満の縮小 + gzip 圧縮) プラグインです。
IEのクライアント側で画像を回転させるために私が考えることができる唯一の方法は、フィルターを使用することです。やや最近のバージョンでは、他のブラウザで<canvas>コントロールを使用できます。
別の方法は、サーバー側スクリプトを使用して画像を回転させることです。次に、JavaScriptを使用して画像を回転させる方法に関する情報を送信できます(つまり、/ rotate?image = img.jpg&amount = 90などの画像へのパスを生成します)
CSS3はローテーションをサポートしていますが、広くサポートされていません。JavaScriptの解決策を求められたので、これが1つですが、滑らかな画像を取得できるとは思いません。
フィルター/html5なしで画像を回転させる他の方法があります..それは厄介で現実の世界では役に立ちませんが、可能です.
JavaScriptの場合、画像をピクセルの配列として保存できます。それを使用して回転を実行し、それをbase64 datauriにエンコードする関数を作成します。bmpは簡単で、image.srcをそれに置き換えます。
古いブラウザでのファイルサイズとサポート、そしてもちろんひどいパフォーマンスに関していくつかの制限があります..