Dikdörtgen oluşturmak için işaretçi etrafında belirli derecelerde 4 puanlık bir noktaya nasıl dönebilirim? Bir noktanın etrafındaki bir noktayı döndürebilirim, ancak bozuk olmayan bir dikdörtgen yapmak için bunu telafi edemiyorum.Dikdörtgeni bir nokta çevresinde döndürme
cevap
Bir nokta etrafındaki bir noktayı döndürürseniz, bir dikdörtgeni döndürmek kolay olmalıdır - sadece 4 puan döndürürsünüz. İşte
bir kökeni etrafında bir noktayı döndürmek için bir js fonksiyonudur:function rotate_point(pointX, pointY, originX, originY, angle) {
angle = angle * Math.PI/180.0;
return {
x: Math.cos(angle) * (pointX-originX) - Math.sin(angle) * (pointY-originY) + originX,
y: Math.sin(angle) * (pointX-originX) + Math.cos(angle) * (pointY-originY) + originY
};
}
Ve sonra her noktaya yapabilirsiniz.
Bunu açıklayabilir misiniz? jsfiddle.net/bjhc34xk/7 Bu, PI'nın yaklaşımı veya belki de kayan noktalı matematik hataları ile ilgili bir şey var mı? –
Forked Felix'in kemanı, deneyi kolaylaştırmak için dinamik giriş için bir sürgü içermesi - https://jsfiddle.net/brichins/0ccdd362/ – brichins
@MaxMastalerz Bundan şimdiye kadar devam ettiğine eminim, fakat Fiddle'ınız muhtemelen düşündüğün şeyi yapmamak. Son noktanızın X koordinatını, hesaplamanın ortasında değiştiriyorsunuz ve ardından Y koordinatını merkez yerine o ofset noktasından çeviriyorsunuz. Harika bir altın sarmalda sonuçlar, ama bunu yapmak istediğini düşünüyorum: https://jsfiddle.net/brichins/w2rxsbt4/ – brichins
- 1. İçeriği html5 içinde merkezi bir pivot çevresinde döndürme
- 2. Dikdörtgeni merkezin etrafında döndürün
- 3. Android: Bir dikdörtgeni canlandırın
- 4. osmdroid haritasını rastgele döndürme noktasında döndürme
- 5. Android, Çevresinde çember çizme
- 6. UIBezierPath Saydamlık UIImage çevresinde
- 7. Android'de bir Google Haritalar işaretçisi çevresinde nabız halkası animasyonu
- 8. Haritadan Dikdörtgeni Çıkarma
- 9. Çizim Dikdörtgeni Qt
- 10. Bir nokta (
- 11. 2 Boyutlu Minimum Sınırlama Dikdörtgeni Koordinatlarla Hesaplayın
- 12. Çevresinde herhangi bir ScalaConsole var mı?
- 13. NSTexturedSquareBezelStyle düğmesinin çevresinde bir kenarlık nasıl çizilir?
- 14. HTML5 bir görüntüyü kanvasla döndürme
- 15. Bir dikdörtgeni dict.values sayısal değerine göre sıralayın
- 16. Bir pygame dikdörtgeni içine metin ekleme
- 17. Bir WPF düğmesinde nokta-nokta-nokta ilerlemesi gösteriliyor
- 18. PHP - Referans noktasında resim döndürme
- 19. WhiteBox Group çevresinde beyaz kenarlık
- 20. Bazı Mathematica grafikleri çevresinde beyaz kenar boşluğu nasıl kaldırılır
- 21. Bir Yüzey Görünümünde görüntüyü döndürme ve döndürme
- 22. BBC Basic: Dikdörtgeni ekranda çizilemiyor
- 23. SVG dikdörtgeni için tıklayın olay
- 24. Dikdörtgeni gruptan kaldırma sorunları javafx
- 25. R - histogram dikdörtgeni çizgi kalınlığı
- 26. Çok boyutlu dizilerde nokta, nokta ürünleri
- 27. WinForms kullanmadan imleç döndürme
- 28. '../' için noktalama (nokta nokta vuruşlu)
- 29. Bir dizgeyi async'den döndürme
- 30. Lua'da bir sınıf döndürme
Şu ana kadar bunu yapmaya çalıştık ... http://jsfiddle.net/dahousecat/4TtvU/
değiştirme açısı ve sonucunu görmek için vurmak çalışma: Burada örneğidir? bazı kod? teşekkürler – Trufa
Dört noktanızı işaretleyin, böylece işaretçiyi merkez olarak işleyin, döndürmeyi standart döndürme matrisi yöntemi ile yapın ve sonra noktaları geri çevirin. [Buradaki Açıklamalar] (http://www.euclideanspace.com/maths/geometry/affine/aroundPoint/index.htm) – Michal
Bunu kullanabileceğimi anladım, ancak düz İngilizce veya tercihen JavaScript'te bir çözüme ihtiyacım var. – Anonymous