Scalable վեկտոր գրաֆիկա Պտտեցնել գործառույթը
Պատկերի պտտումը կփոխի այն պատկերը, որը ցուցադրվում է այդ պատկերում: Պարզ գրաֆիկայի համար դա կարող է ավելացնել մի շարք բազմազանություն եւ հետաքրքրություն, ինչը կարող է այլ կերպ լինել ուղղակի կամ ձանձրալի պատկեր: Ինչպես բոլոր վերափոխումները, պտտելն աշխատում է որպես անիմացիայի կամ ստատիկ գրաֆիկայի համար: Ուսումնասիրելով, թե ինչպես օգտվել SVG- ում կամ Scalable Vector Graphics- ում , թույլ է տալիս ձեզ հստակ տեսանկյունից դիմել ձեր ձեւի դիզայնին: SVG պտտվող ֆունկցիան աշխատում է ուղղել պատկերը երկու ուղղությամբ:
Պտտման մասին
Պտտվող գործառույթը բոլորն են գրաֆիկական տեսանկյունից: Երբ ձեւավորում եք SVG պատկեր , դուք պատրաստվում եք ստեղծել ստատիկ մոդել, որը, հավանաբար, կկանգնեցվի ավանդական տեսանկյունից: Օրինակ, հրապարակը երկու կողմն է ունենալու X- առանցքի եւ երկու Y- առանցքի երկայնքով: Պտտվելով, կարող եք վերցնել նույն քառակուսի եւ վերածել այն ադամանդի ձեւավորման:
Միայն այդ ազդեցության շնորհիվ դուք անցել եք շատ տիպիկ արկղից (որը գերազանց տարածված է կայքերում) ադամանդի վրա, որը ընդհանրապես չի տարածվում, եւ որը մի քանի հետաքրքիր տեսողական տարբերություն չի ավելացրել դիզայնի մեջ: Պտտումը նաեւ SVG- ի անիմացիոն հզորությունների մի մասն է: Շրջանակը կարող է անդադար դառնալ ցուցադրման ժամանակ: Այս միջնորդությունը կարող է այցելուների ուշադրությունը հրավիրել եւ օգնել ձեզ կենտրոնացնել իրենց փորձը հիմնական բնագավառում կամ դիզայնի տարրերում:
Պտտել աշխատանքը այն տեսության վրա, որ պատկերը վրա մի կետ կդառնա ֆիքսված: Պատկերացրեք մի կտոր թղթադրամ, որը կցված է ստվարաթղթե հետ: Կախովի տեղը կայուն տեղում է: Եթե դուք թերթը թեքում եք եզրագիծը գրավելով եւ պտտելով այն ժամացույցի սլաքի կամ ժամացույցի սլաքի ուղղությամբ, ապա սեղմիչը երբեք չի շարժվում, բայց ուղղանկյունը դեռեւս անկում է առաջացնում: Թուղթը կպչունանա, սակայն ամրության հաստատուն կետը մնում է անփոփոխ: Սա շատ նման է պտտվող գործառույթի գործին:
Պտտեցնել Սինտաքսը
Պտտվելով, դուք տեսնում եք շրջադարձի անկյունը եւ ֆիքսված տարածքի կոորդինատները:
փոխակերպել = "պտտել (45,100,100)"Ռոտացիայի անկյունը առաջին բանն է, որ ավելացնում եք: Այս օրենսգրքում ռոտացիայի անկյունը 45 աստիճան է: Կենտրոնի կետն այն է, ինչ կցանկանաք հաջորդը: Այստեղ այդ կենտրոնի կետը գտնվում է 100, 100 կոորդինատներում: Եթե կենտրոնի դիրքորոշման կոորդինատները չեք մուտքագրում, ապա դրանք կկատարեն 0,0: Ստորեւ բերված օրինակով, անկյունը դեռ 45 աստիճան կլիներ, բայց քանի որ կենտրոնի կետը չի հաստատվել, այն կկատարվի մինչեւ 0,0:
փոխակերպում = "պտտել (45)"Լռելյայնորեն, անկյունը անցնում է գծի աջ կողմում: Ձեւը հակառակ ուղղությամբ պտտելու համար բացասական արժեքը ցուցաբերելու համար օգտագործեք մինուս նշան:
Փոխակերպում = "պտտել (-45)"45 աստիճանի ռոտացիան եռամսյակ է, քանի որ անկյունները հիմնված են 360 աստիճանի շրջանով: Եթե հեղափոխությունը թվարկեք որպես 360, ապա պատկերը չի փոխվի, քանի որ դուք բառացիորեն ամբողջությամբ շրջապատում եք այն, ուստի վերջնական արդյունքը կլինի միանգամայն տեսքով, որտեղ դուք սկսեցիք: