2011-02-06 15 views
6

jquery-uiに何かがひどいことが気づいたところです。要素をドラッグ&ドロップするだけでなく、要素を回転させる方法です。jquery rotationプラグイン - jquery uiのサイズ変更のように動作します

私は、画像を回転する機能を提供するために、そこにいくつかのプラグインがあることを認識しています。あなたが気づいても、これらのプラグインはすべてではありません。は、エンドユーザにイメージを回転する機能を提供するはずですが、Webマスターです。私はハンドル(jquery-uiハンドルに似ています)に付属のものを探しています

この機能をWebプロジェクトに組み込む方法はありますか?あなたが知っている良いプラグインはありますか?

ます。またhttp://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/に興味があるかもしれない - それは多くの機能が追加されています。

おかげ

+1

あなたがIE7-8を気にしない場合に使用できるfabric.js https://github.com/kangax/fabric.js/ – Zevan

答えて

20

OMG、1年を過ぎています。 とにかく...

私は質問の作者はスクリプトにこの http://vremenno.net/js/jquery-ui-rotation-using-css-transform/

URLのようなものを探していたと思う:あなたが必要な場合は、私は記事の翻訳のお手伝いをすることができhttp://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

+2

優れたプラグイン - ありがとう! –

+0

Google翻訳fまたは勝利! –

4

は、グーグルの5秒後に、私はこれらのプラグインが見つからJavaScript経由でCSSに送信します。

ローテーションはCSS2の一部ではないため、すべてのクロスブラウザソリューションはほとんどの回避策です。使用中は注意してください!

+1

私はこれらの認識しています、ありがとうございました。ただし、これらのすべてに気がついても、ユーザーに画像を回転させる機能がありますが、Webマスター3を使用するとします。私はハンドル(jquery-uiハンドルに似ています)に付属するものを探しています。そのようなものは見つかりません – vondip

+1

ああ、そうです。たぶんあなたはあなたの質問にこの情報を追加することができます:-) – marekventur

+1

これは参考になるかもしれません:http://stackoverflow.com/questions/3438568/jquery-css-rotate-div-by-drag-mouse-event/3438798#3438798 – marekventur

8

もう1つの可能性(そして恥知らずのプラグ - 私もこのプラグインが見つからず、1つ書いた)はjquery-ui-rotatableです。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#target').rotatable(); 
    }); 
</script> 

<div id="target">Rotate me!</div> 

他のjQuery UIプラグインと連鎖させることもできます。例えば:

$('#target').rotatable().draggable().resizable(); 
+2

+1クールなプラグインですが、回答本体に関連するコードを追加したい場合は、回答のみが削除される傾向があります。 – apaul

+0

良いアイデア!今すぐ行ってください。 – godswearhats

+0

素敵なwowrk、回転時に問題があるだけで、要素の中心から回転できません。見てください。http://www.zalepime.com/zalepime_zid.html –

関連する問題