Ისწავლეთ როგორ გადავიდეს SVG- ში

Scalable ვექტორული გრაფიკა როტაცია ფუნქცია

სურათის გადაადგილება შეიცვლება იმ კუთხეს, რომელიც გამოსახულია გამოსახულებისას. მარტივი გრაფიკა, ეს შეიძლება დაამატოთ რამდენიმე ჯიშის და ინტერესი, თუ რა შეიძლება სხვაგვარად იყოს პირდაპირი ან მოსაწყენი იმიჯი. როგორც ყველა გარდაქმნის, როტაცია სამუშაოები როგორც ნაწილი ანიმაცია ან სტატიკური გრაფიკა. სწავლა, თუ როგორ გამოვიყენოთ როტაცია SVG ან Scalable ვექტორული გრაფიკა , საშუალებას გაძლევთ მოითხოვოთ მკაფიო კუთხე თქვენი ფორმის დიზაინისთვის. SVG როტაცია ფუნქცია მუშაობს იმისათვის, რომ გამოსახულება ან მიმართულებით.

როტატის შესახებ

როტაცია ფუნქცია ყველაფერი არის კუთხის გრაფიკი. SVG გამოსახულების შექმნისას, თქვენ აპირებთ შექმნას სტატიკური მოდელი, რომელიც სავარაუდოდ დასხდება ტრადიციულ კუთხეზე. მაგალითად, კვადრატს ექნება X- ღერძის გასწვრივ ორი ​​მხარე და ორი Y- ღერძის გასწვრივ. ერთად როტაცია, შეგიძლიათ მიიღოს იგივე მოედანზე და აქციოს იგი ალმასის ფორმირება.

მხოლოდ ერთი ეფექტი, თქვენ წავიდა ძალიან ტიპიური ყუთი (რომელიც არის სუპერ საერთო საიტებზე) რომ ალმასის, რომელიც არ არის საერთო საერთოდ და რომელიც არ დაემატა საინტერესო ვიზუალური ჯიშის დიზაინი. როტაცია ასევე SVG- ში ანიმაციის შესაძლებლობების ნაწილია. წრე შეიძლება გამოჩნდეს მუდმივად. ეს შუამდგომლობა შეგიძლიათ ყურადღება გაამახვილოთ სტუმრების ყურადღების ცენტრში და დაგეხმარათ მათი გამოცდილების გაზიარება ძირითადი სივრცეში ან ელემენტებზე დიზაინში.

როტაცია მუშაობს თეორიაში, რომ გამოსახულების ერთი წერტილი ფიქსირდება. წარმოიდგინეთ მუყაოს შემცველი ნაჭერი ქაღალდიანი პინ-პინით. Pin მდებარეობა არის ფიქსირებული ადგილი. თუ ქაღალდზე მიაქციე ის ზღვარზე ან წერტილდით ისრისას ან მრისხების მოძრაობაში, პულ-პინი არასდროს მოძრაობს, მაგრამ მართკუთხედი კვლავ იცვლება კუთხით. ქაღალდი დაიბეჭდება, მაგრამ ფიქსის ფიქსირებული პუნქტი უცვლელი რჩება. ეს ძალიან ჰგავს როტაციის ფუნქციას.

როტაცია სინტაქსი

ერთად როტაცია, თქვენ ჩამოვთვალოთ კუთხე მხრივ და კოორდინატები ფიქსირებული ფართობი.

გარდამავალი = "როტაცია (45,100,100)"

ბრუნვის კუთხე არის პირველი, რაც დაამატეთ. ამ კოდეში როტაციის როლი 45 გრადუსია. ცენტრის წერტილი არის ის, რაც დაამატებდით შემდეგს. აქ, ცენტრის წერტილი ზის კოორდინატები 100, 100. თუ არ შევა ცენტრში პოზიცია კოორდინატები, ისინი ნაგულისხმევი 0,0. ქვემოთ მოყვანილ მაგალითში, კუთხე კვლავ 45 გრადუსი იქნება, მაგრამ მას შემდეგ, რაც ცენტრის წერტილი არ არის დადგენილი, ეს იქნება 0,0.

გარდაქმნას = "როტაცია (45)"

რა თქმა უნდა, კუთხე გრაფის მარჯვენა მხარეს მიდის. ფორმის როტაცია საპირისპირო მიმართულებით, გამოიყენეთ მინუს ნიშანი, რათა შეიტანოთ უარყოფითი მნიშვნელობა.

transform = "როტაცია (-45)"

45-გრადუსიანი ბრუნვა კვარტალურია, რადგან კუთხეები 360-ეტრიან წრეზეა დაფუძნებული. თუ რევოლუციას 360-ზე ჩამოთვლით, იმიჯი არ შეიცვლება, რადგან ის ფაქტიურად სრულ წრეში გადადის, ასე რომ საბოლოო შედეგი იდენტურია, თუ სად დაიწყე.