ドラッグしてSVGを回転させる：gグループ

Question

私の目標は、サイズ変更と回転に使用できる4つのコントロールポイントを持つsvg:ellipseです。私のコードは、回転変換が楕円自体に適用されている場合はうまく動作しますが、回転をコンテナsvg:gに適用して、制御点がたくさんの余分なコードなしで同時に回転するようにします。グループに変換を適用すると、変換された座標を適切に考える必要がないため、回転が誤っていると思います。

はこちらをご覧ください：角度、回転の始めの近くに正と負の値の間で、マウスの2PI回転は形だけの1PIを回転させることちらつくことhttp://jsfiddle.net/PbKYn/3/

お知らせ。 （私は<ellipse>なく<g>に回転を適用した場合、回転が完璧であるため、私のangleBetweenPoints機能は、しかし間違っているとは思いません。）

を私が間違っているのか？ Thanks-

Answer 1

http://jsfiddle.net/PbKYn/5/

修正がcurrentAngle + angleBetweenPoints（擬似）にangleBetweenPointsからの回転角度を変更しました。私は回転が適用された後、angleBetweenPointsがthetaの代わりにdThetaを与えるように座標が変換されたことを意味すると思います。ル・シー。