誰もがキャンバスでルーラ（スケール）を回転させる方法を教えてもらえますか？両方の方向（時計回りと反時計回り）では、私は時計回りには定規を回転できますが反時計回りには回転できません。原点を定規（左、上）に移動すると問題が発生します。誰にも解決策はありますか？Html 5キャンバス原点がシフトされたときに両方向にルーラを回転する

出典

2011-12-05 Mayank Nimje

[jsfiddle]（http://jsfiddle.net/）を使用して、問題の例を教えてください。 – ellisbben

これを見てくださいjsfiddle.http：//jsfiddle.net/mayanknimje87/8Qk9t/3/ ルーラーが0から2までドラッグされ、残りの部分から回転することがわかるように、私は両方向に回転可能にしたいと思います。助けてください。 –

ルーラーCCWを水平位置から回転させるには、回転の中心の上または左にマウスを移動する必要があります。センターが左上隅にあるため、マウスを支配者から離して移動する必要があります。問題は、ルーラーを回転させるmousemoveハンドラーが、マウスがルーラーの上にあるときにのみ機能することです。これは、同じハンドラを親コンテナにアタッチすることで解決できます。

は私がライン

$('#id_scale').bind("mousemove",function(e){

を置き換えることで動作するようにあなたのコードを持って

$('#parent_container').bind("mousemove",function(e){

jsFiddle example（回転のみ、Firefoxで動作するオリジナルがそうであるように）

あなたが追加することを検討してください

あなたのコードがFirefox以外のブラウザでも動作するように、他の変換スタイル

出典

2011-12-06 15:13:23 ellisbben

非常にあなたのおかげでellisbben。これは私にとって大きな助けになります。あなたが私が鉛筆をスケールを引いたときに確認することができるので、あなたは私にもう一つの好意を与えることができますか？しかし、私はそれを回転させると、それは描画されません。私にいくつかの提案や助けをくれますか？あなたの大きな助けに感謝します。 –

Html 5キャンバス原点がシフトされたときに両方向にルーラを回転する

答えて

jsFiddle example（回転のみ、Firefoxで動作するオリジナルがそうであるように）

関連する問題