SVG இல் சுழற்றுவது எப்படி என்பதை அறியுங்கள்

அளவிடக்கூடிய வெக்டர் கிராபிக்ஸ் சுழற்று செயல்பாடு

ஒரு படத்தை சுழலும் படம் காட்டப்படும் கோணத்தை மாற்றிவிடும். எளிமையான கிராபிக்ஸ், இது சில நேரங்களில் ஒரு நேராக அல்லது போரிங் படத்தை இருக்கலாம் என்ன சில பல்வேறு மற்றும் வட்டி சேர்க்க முடியும். அனைத்து மாற்றங்களுடனும், அனிமேஷன் அல்லது ஒரு நிலையான கிராஃபிக்காக படைப்புகள் சுழற்றுகின்றன. SVG, அல்லது அளவிடக்கூடிய வெக்டார் கிராபிக்ஸ் சுழற்றுவது எப்படி பயன்படுத்துவது என்பதைப் புரிந்துகொள்வது, உங்கள் வடிவத்தின் வடிவமைப்புக்கு ஒரு தனித்துவமான கோணத்தைக் கோர அனுமதிக்கிறது. SVG சுழற்சியை செயல்படுத்துவதன் மூலம் படத்தை திசை திருப்புவதன் மூலம் செயல்படுகிறது.

சுழற்று பற்றி

சுழற்றச் செயல்பாடு கிராஃபிக்கின் கோணத்தைப் பற்றியது. நீங்கள் ஒரு SVG படத்தை வடிவமைக்கும் போது, ​​நீங்கள் வழக்கமாக ஒரு பாரம்பரிய கோணத்தில் உட்கார்ந்து ஒரு நிலையான மாதிரியை உருவாக்க போகிறீர்கள். உதாரணமாக, ஒரு சதுரத்தில் X- அச்சின் இரு பக்கங்களும் Y- அச்சின் இரு பகுதிகள் இருக்கும். சுழற்றினால், நீங்கள் அதே சதுரத்தை எடுத்து ஒரு வைர வடிவில் மாற்றலாம்.

ஒரே ஒரு விளைவைக் கொண்டு, நீங்கள் ஒரு வைரமிற்கு ஒரு பொதுவான பெட்டியிலிருந்து (வலைத்தளங்களில் பொதுவானது இது பொதுவானது) போய்விட்டது, இது பொதுவானது அல்ல, இது ஒரு வடிவமைப்புக்கு சில சுவாரஸ்யமான காட்சி வகைகளை சேர்க்கவில்லை. சுவிட்ச் SVG இல் உள்ள அனிமேஷன் திறன்களின் பகுதியாகும். காட்டப்படும் போது ஒரு வட்டம் தொடர்ந்து திரும்ப முடியும். இந்த இயக்கம் பார்வையாளர்களின் கவனத்தை ஈர்த்து, வடிவமைப்பில் உள்ள முக்கிய பகுதி அல்லது உறுப்புகளில் அவர்களின் அனுபவத்தை நீங்கள் கவனம் செலுத்த உதவுகிறது.

படத்தில் ஒரு புள்ளி சரி செய்யப்படும் என்று கோட்பாட்டில் வேலைகளை சுழற்றுங்கள். ஒரு மிகுதி-முனையுடன் கார்போர்ட்டுடன் இணைக்கப்பட்ட ஒரு துண்டு பேப்பரை கற்பனை செய்து பாருங்கள். முள் இடம் நிலையான இடமாகும். ஒரு விளிம்பைப் பிடித்து, கடிகார அல்லது கடிகார திசையில் சுழற்றுவதன் மூலமாக காகிதத்தை நீங்கள் திருப்பிவிட்டால், புஷ்-பின் எப்போதும் நகர்கிறது, ஆனால் செவ்வக கோணங்கள் மாற்றப்படுகின்றன. காகித சுருள், ஆனால் முள் நிலையான புள்ளி மாறாமல் உள்ளது. சுழற்றும் செயல்பாடு எவ்வாறு செயல்படுகிறது என்பதற்கு இது மிகவும் ஒத்ததாகும்.

தொடரியல் சுழற்று

சுழற்றினால், நீங்கள் திருப்பத்தின் கோணம் மற்றும் நிலையான பகுதியின் ஒருங்கிணைப்புகளை பட்டியலிடவும்.

மாற்றும் = "சுழற்று (45,100,100)"

சுழற்சி கோணம் நீங்கள் சேர்க்கும் முதல் விஷயம். இந்த குறியீட்டில், சுழற்சி கோணம் 45 டிகிரி ஆகும். சென்டர் புள்ளி நீங்கள் அடுத்த சேர்க்க வேண்டும் என்ன. இங்கே, அந்த சென்டர் புள்ளி 100, 100 ஒருங்கிணைக்க அமர்ந்துள்ளது. நீங்கள் சென்டர் நிலையை ஒருங்கிணைக்க வேண்டாம் என்றால், அவர்கள் 0,0 இயல்புநிலைக்கு வரும். கீழே உள்ள எடுத்துக்காட்டில், கோணம் 45-டிகிரி ஆகும், ஆனால் சென்டர் புள்ளி நிறுவப்படவில்லை என்பதால், இது 0,0 க்கு இயல்புநிலைக்கு வரும்.

மாற்றும் = "சுழற்று (45)"

முன்னிருப்பாக, கோணம் வரைபடத்தின் வலது பக்க நோக்கி செல்கிறது. எதிர் திசையில் வடிவத்தை சுழற்ற, ஒரு எதிர்மறை மதிப்பை பட்டியலிடுவதற்கு ஒரு மைனஸ் குறியீட்டைப் பயன்படுத்துகிறீர்கள்.

மாற்றும் = "சுழற்று (-45)"

கோணங்கள் 360 டிகிரி வட்டத்தை அடிப்படையாகக் கொண்டிருப்பதால், 45 டிகிரி சுழற்சி என்பது ஒரு கால் திரும்பும். 360 ஆவது புரட்சியை நீங்கள் பட்டியலிட்டால், படத்தை மாற்ற முடியாது, ஏனென்றால் அது முழு வட்டாரத்தில் நீங்கள் உண்மையில் புரட்டுவதால், முடிவான முடிவை நீங்கள் தொடங்கும் இடத்திற்கு ஒத்ததாக இருக்கும்.