fabric.js'de belirtilen bir nokta etrafında nasıl döndürülebilir?

Question

Herhangi bir noktayı fabric.js'de nasıl döndüreceğini bilen var mı? Örneğin,

var line1 = new fabric.Line([70, 20, 70, 100], { 
    stroke: "#000000", 
    strokeWidth: 6 
}); 

onun son noktasına (70, 100), fakat merkez göre döndürmek için istiyoruz.

Answer 1

Şu anda rastgele noktayı döndürmenin yolu yoktur. Dönüşümün kaynağı - & rotasyonunun ölçeklenmesi için - şu anda bir nesnenin merkezindedir. Yakın gelecekte dönüşümün keyfi kökenleri için destek eklemeyi planlıyoruz.

Answer 2

fabric.util.rotatePoint'u kullanarak rasgele bir nokta hakkında bir dönüş gerçekleştirebilirsiniz. Bu, (ve origin_y tarafından tanımlanmış) bir açıyla (angle tarafından tanımlanan) bir açıyla (x1, y1, x2 ve y2 tarafından tanımlanan) bir satırı döndürmenize izin verir.

fabric.util.rotatePoint, angle s genellikle fabric.js kullanılırken derece olarak belirtilse bile radyan cinsinden bir dönüş aldığını unutmayın.

var rotation_origin = new fabric.Point(origin_x, origin_y); 
var angle_radians = fabric.util.degreesToRadians(angle); 
var start = fabric.util.rotatePoint(new fabric.Point(x1,y1), rotation_origin, angle_radians); 
var end = fabric.util.rotatePoint(new fabric.Point(x2,y2), rotation_origin, angle_radians); 
var line1 = new fabric.Line([start.x, start.y, end.x, end.y], { 
    stroke: '#000000', 
    strokeWidth: 6 
}); 

diğer nesnelerle aynı şeyi, ancak uygun nesneyi döndürmek için angle özelliğini sağlamak gerekebilir.