Bir SVG: g grubunu döndürmek için sürükleyin: g grubu

Question

Hedefim, yeniden boyutlandırmak ve döndürmek için kullanabileceğiniz dört denetim noktasına sahip bir svg:ellipse kullanmaktır. Rotasyon dönüşümü elipsin kendisine uygulanmışsa, kodum iyi çalışır, ancak rotasyon svg:g kapsayıcısına uygulamak istiyorum, böylece denetim noktaları çok fazla kod olmaksızın eşzamanlı olarak döndürülür. Dönüşümü gruba uyguladığımda, dönüşün yanlış olduğunu düşünüyorum çünkü dönüştürülmüş koordinatları doğru olarak düşünmüyorum.

Buraya bakın: açı dönme başlangıcına yakın bir pozitif ve negatif değer arasında ve fare 2pi rotasyon yalnızca şekil 1pi döndüğünü titrer o http://jsfiddle.net/PbKYn/3/

Bildirimi. (Ben <ellipse> değil <g> için rotasyon uygularsanız, rotasyon mükemmel olduğu için benim angleBetweenPoints fonksiyonu olsa yanlış olduğunu düşünmüyorum.)

yanlış yapıyorum? Thanks-

Answer 1

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

düzeltme currentAngle + angleBetweenPoints (sözde) için angleBetweenPoints, dönme açısının değiştirilmesi edildi. Rotasyon uygulandıktan sonra koordinatların da angleBetweenPoints'un theta yerine dTheta verildiği şekilde dönüştürüldüğü anlamına gelir. Le iç çek.