एसवीजी घुमाव समारोह ट्यूटोरियल

एक छवि घूर्णन उस कोण को बदल देगा जो उस छवि को प्रदर्शित किया गया है। सरल ग्राफिक्स के लिए, यह कुछ विविधता और रुचि जोड़ सकता है जो अन्यथा सीधा या उबाऊ छवि हो सकता है। सभी परिवर्तनों के साथ, एनीमेशन के हिस्से के रूप में या एक स्थिर ग्राफिक के लिए काम घुमाएं। एसवीजी, या स्केलेबल वेक्टर ग्राफिक्स में घूमने का तरीका सीखना, आपको अपने आकार के डिज़ाइन के लिए एक अलग कोण का अनुरोध करने की अनुमति देता है। एसवीजी घूर्णन समारोह छवि को किसी भी दिशा में बदलने के लिए काम करता है।

घूमने के बारे में

घूर्णन फ़ंक्शन ग्राफ़िक के कोण के बारे में है। जब आप एक एसवीजी छवि तैयार करते हैं, तो आप एक स्थिर मॉडल तैयार करने जा रहे हैं जो शायद पारंपरिक कोण पर बैठेगा। उदाहरण के लिए, एक वर्ग में एक्स-अक्ष के साथ दो और वाई-अक्ष के साथ दो पक्ष होंगे। घूमने के साथ, आप उसी वर्ग को ले सकते हैं और इसे हीरे के गठन में बदल सकते हैं।

केवल एक ही प्रभाव के साथ, आप हीरे के लिए एक बहुत ही सामान्य बॉक्स (जो वेबसाइटों पर बहुत आम हैं) से चले गए हैं, जो बिल्कुल आम नहीं है और जिसने डिजाइन में कुछ रोचक दृश्य विविधता नहीं जोड़ा है। घुमाव एसवीजी में एनीमेशन क्षमताओं का भी हिस्सा है। प्रदर्शित होने के दौरान एक सर्कल लगातार चालू हो सकता है। यह गति आगंतुकों का ध्यान आकर्षित कर सकती है और आपको एक क्षेत्र में प्रमुख क्षेत्र या तत्वों पर अपने अनुभव पर ध्यान केंद्रित करने में मदद कर सकती है।

इस सिद्धांत पर काम घुमाएं कि छवि पर एक बिंदु तय रहेगा। पुश-पिन के साथ कार्डबोर्ड से जुड़े पेपर का एक टुकड़ा कल्पना कीजिए। पिन स्थान निश्चित स्थान है। यदि आप एक किनारे को पकड़कर और घड़ी की दिशा में घूमते हुए पेपर को घुमाते हैं, तो पुश-पिन कभी नहीं चलता है, लेकिन आयताकार अभी भी कोण बदलता है। पेपर स्पिन करेगा, लेकिन पिन का निश्चित बिंदु अपरिवर्तित बनी हुई है। घूर्णन कार्य कैसे काम करता है यह बहुत समान है।

सिंटेक्स घुमाएं

घूमने के साथ, आप बारी के कोण और निश्चित क्षेत्र के निर्देशांक सूचीबद्ध करते हैं।

बदलने = "घुमाएँ (45,100,100)"

रोटेशन का कोण आप जो पहली चीज जोड़ते हैं वह है। इस कोड में, घूर्णन का कोण 45 डिग्री है। केंद्र बिंदु वह है जो आप आगे जोड़ देंगे। यहां, वह केंद्र बिंदु 100, 100 निर्देशांक पर बैठता है। यदि आप केंद्र स्थिति निर्देशांक दर्ज नहीं करते हैं, तो वे 0,0 पर डिफ़ॉल्ट हो जाएंगे। नीचे दिए गए उदाहरण में, कोण अभी भी 45-डिग्री होगा, लेकिन केंद्र बिंदु स्थापित नहीं होने के बाद से यह 0,0 पर डिफ़ॉल्ट होगा।

बदलने = "घुमाएँ (45)"

डिफ़ॉल्ट रूप से, कोण ग्राफ के दाईं ओर की तरफ जाता है। विपरीत दिशा में आकार को घुमाने के लिए, आप ऋणात्मक मान सूचीबद्ध करने के लिए एक ऋण चिह्न का उपयोग करते हैं।

बदलने = "घुमाएँ (-45)"

एक 45 डिग्री रोटेशन एक चौथाई मोड़ है क्योंकि कोण 360 डिग्री सर्कल पर आधारित होते हैं। यदि आप क्रांति को 360 के रूप में सूचीबद्ध करते हैं, तो छवि बदलेगी नहीं क्योंकि आप सचमुच इसे पूर्ण सर्कल में फ़्लिप कर रहे हैं, इसलिए अंतिम परिणाम उस स्थान पर समान होगा जैसा आपने शुरू किया था।