SVG හි වෙනස කරන්නේ කෙසේදැයි ඉගෙන ගන්න

පරිමාණය කළ හැකි ග්රැෆික්ස් චිත්රකය භ්රමණය කරන්න

රූපයක් මාරු කිරීම මගින් එම රූපය දර්ශණය වන කෝණය වෙනස් කරයි. සරල ග්රැෆික්ස් සඳහා, මෙය සරල හෝ ආඩම්බර රූපයක් විය හැකි දෙය සඳහා යම් විවිධත්වයක් සහ උනන්දුවක් එක් කළ හැකිය. සියලු පරිවර්තනයන් මෙන්, සජීවිකරණයේ කොටසක් හෝ ස්ථිතික ග්රැෆික් සඳහා කොටසක් ලෙස ක්රියා කරයි. SVG හෝ Scalable Vector Graphics භාවිතා කිරීම සඳහා භාවිතා කරන ආකාරය ඉගෙන ගැනීමෙන් ඔබගේ හැඩයේ මෝස්තරයට වෙනම කෝණයක් ඉල්ලා සිටීමට ඉඩ ලබා දේ. SVG භ්රමණය වන ක්රියාමාර්ගය දිශාව දෙසට හැරවීමට ක්රියා කරයි.

චලනය ගැන

භ්රමණය වන ශ්රිතය ග්රැෆික් කෝණය පිළිබඳ සියල්ලම වේ. ඔබ SVG පිළිබිඹුවක් නිර්මාණය කරන විට, ඔබ සාම්ප්රදායික කෝණයක වාඩි වී ඇති ස්ථිතික ආකෘතියක් නිර්මාණය කිරීමට යන්නේ ය. නිදසුනක් ලෙස, වර්ගයේ X-අක්ෂය සහ Y-අක්ෂය දෙපස දෙපස පැති දෙකක් ඇත. භ්රමණය වන විට, එම වර්ගයටම එය දියමන්ති තැනීමටද හැකිය.

එක් බලපෑමක් ඇතිව, ඔබ ඉතා සාමාන්ය ආකාරයේ පෙට්ටියක් (වෙබ් අඩවිවල සුපිරි පොදු) සිට දියමන්ති වෙත ගොස් ඇති අතර, එය සාමාන්යයෙන් පොදු නොවන අතර නිර්මාණශීලී නිර්මාණයකට නිර්මාණාත්මක දෘශ්ය විවිධත්වයක් එකතු කර නොමැත. ස්රාවය කිරීම සජිවීකරණ ධාරිතාවේ කොටසකි. පෙන්වීම අතරතුර රවුම නිරන්තරයෙන් හැරවිය හැක. මෙම යෝජනාවට අමුත්තන්ගේ අවධානය ඇදගැනීමට සහ නිර්මාණයේ ප්රධාන ප්රදේශය හෝ අංගයන් පිළිබඳ ඔවුන්ගේ අත්දැකීම් අවධානය යොමු කිරීමට උපකාරී වේ.

රූපයේ එක් කොටුවක් ස්ථීර ලෙස පවතින බව න්යාය මත වැඩ කිරීම. ටොපින්-පයිල් සමග කාඩ්බෝඩ් එකට කඩදාසි කැබැල්ලක් සිතන්න. Pin ස්ථානය ස්ථාවර ස්ථානයයි. ඔබ කඩදාසි හරවා ගැනීමෙන් හෝ වාමාවර්ත හෝ ප්රතිවිරෝධී චලනයකින් දකුණට මාරුවීමෙන් කඩදාසි හරවන්නට නම්, තල්ලු-ස්පර්ශය කවදාවත් නොපවතිනවා, නමුත් සෘජුකෝණාස්රයේ තවමත් කෝණ වෙනස් වේ. කඩදාසි ඔසවා ඇත, නමුත් ඉරට්ටුවේ ස්ථාවර ස්ථානය නොවෙනස්ව පවතී. මෙම භ්රමණය ශ්රිතය ක්රියාකරන ආකාරය ඉතා සමාන වේ.

සංintක්ෂකය මාරු කරන්න

භ්රමණය වන විට, ඔබේ කෝණය සහ ස්ථාවර ප්රදේශයෙහි කෝණ ලැයිස්තුගත කරන්න.

transform = "rotate (45,100,100)"

ඔබ භ්රමණය වන කෝණය ඔබ එකතු කරන පළමු දෙයයි. මෙම කේතයේ දී, භ්රමණ කෝණය 45-උපාධි. කේන්ද්රීය ලක්ෂ්යය ඔබ ඊළඟට එකතු කරනු ඇත. මෙහි කේන්ද්රීය ලක්ෂ්යය 100, 100 හි පිහිටයි. මධ්ය ස්ථානයේ ඛණ්ඩාංක සඳහා ඔබ නොපවතී නම්, ඔවුන් 0.0 ට ප්රකෘතියක් වනු ඇත. පහත උදාහරණයේ දී කෝණය තවමත් අංශක 45 ක් වනු ඇත. නමුත් කේන්ද්රීය ලක්ෂය ස්ථාපිත කර නොමැති නිසා එය 0.0 ​​ට අගයක් ගනී.

transform = "මාරු කරන්න (45)"

ප්රකෘති අනුව, කෝණය ප්රස්ථාරයේ දකුණු පස දෙසට දෙසට ගමන් කරයි. ප්රතිවිරුද්ධ දිශාවට හැඩය මාරු කිරීම සඳහා, ඔබ සෘණ අගයක් ලැයිස්තුගත කිරීම සඳහා අඩුපාඩුවක් භාවිතා කරන්න.

transform = "rotate (-45)"

අංශක 360 කින් යුත් කෝණයන් පදනම් වී ඇත්තේ අංශක 45 කින් යුත් භ්රමණයකි. ඔබ විප්ලවය ලෙස ලැයිස්තුගත කර ඇත්තේ නම් 360 නම්, ඔබ රූපය පරිපූර්ණ චක්රයක් තුළට හරවන්නා නිසා ප්රතිබිම්බය වෙනස් නොවනු ඇත, එම නිසා අවසාන ප්රතිඵලය ඔබ ආරම්භ වූ තැනට පෙනේ.