fabricjs

Question

में घूर्णन ऑब्जेक्ट के कोनों के निर्देशांक खोजें मान लीजिए कि मेरे पास एक कपड़े कैनवास में एक छवि है। मैं आसानी से छवि के top & left मानों और उसके आकार के आधार पर कोनों के निर्देशांक की गणना कर सकता हूं।

जब छवि किसी भी डिग्री से घूमती है तो मैं ऐसा कैसे कर सकता हूं?

उदाहरण:

संपादित करें: अधिमानतः त्रिकोणमिति के उपयोग के बिना, वहाँ एक सरल तरीका ही fabricjs या कहीं और में लागू है यदि।

Answer 1

हां, ज़ाहिर है।

हम में उन लोगों के निर्देशांक की दुकान वस्तु की oCoords

oCoords.tl.x, oCoords.tl.y // top left corner 
oCoords.tr.x, oCoords.tr.y // top right corner 
oCoords.bl.x, oCoords.bl.y // bottom left corner 
oCoords.br.x, oCoords.br.y // bottom right corner 

क्या सेट हो जाता है है कि जब आप setCoords विधि कॉल।

लेकिन शायद आप उन लोगों के साथ गड़बड़ नहीं करना चाहते हैं।

संस्करण ~ 1.0.4 के बाद से, हमारे पास getBoundingRect सभी ऑब्जेक्ट्स पर विधि है, जो { left: ..., top: ..., width: ..., height: ... } देता है। हमारे पास पहले से ही getBoundingRectWidth और getBoundingRectHeight पहले (अब बहिष्कृत) था लेकिन getBoundingRect निश्चित रूप से अधिक उपयोगी है; यह बाएं/शीर्ष मूल्यों को भी पढ़ने की अनुमति देता है।

आप http://fabricjs.com/bounding-rectangle/ पर कार्रवाई में इसे देख सकते हैं (घूर्णन वस्तुओं की कोशिश)