Ölçeklenebilir Vektörel Grafikler Döndür Function
Bir görüntüyü döndürmek, görüntünün görüntülendiği açıyı değiştirir. Sadə qrafiklər üçün, bu, başqa cür və sadə bir görüntü ola biləcək bir sıra müxtəliflik və maraq əlavə edə bilər. Bütün dəyişikliklərlə olduğu kimi, dönmə işi də bir animasiya hissəsi və ya statik bir qrafik üçün işləyir. SVG-də və ya Ölçeklenebilir Vektorlu Grafiklerde dönüşümün nasıl kullanılacağını öğrenmek şeklinizin tasarımına farklı bir açı tələb etmenizi təmin edir. SVG dönmə funksiyası, objeni hər istiqamətə çevirmək üçün çalışır.
Dönmə haqqında
Döndürme funksiyası bütün qrafikin bucağıdır. Bir SVG görüntüsünü tasarladığınızda , geleneksel bir açıda oturacak bir statik model oluşturacaksınız. Məsələn, bir kvadrat X ekseni boyunca iki tərəfə və Y ekssusunun iki tərəfinə malik olacaq. Döndürerek, eyni kvadrat ala və bir almaz formalaşmasına çevirə bilərsiniz.
Yalnız bir təsiri ilə, bir çox tipik bir qutudan (sitelerde olduqca ümumi olan) almaza çevrilmişdir, bu da ümumi deyil və bir dizayn üçün bir sıra maraqlı vizual çeşid əlavə etməyib. Rotate SVG-də animasiya qabiliyyətlərinin bir hissəsidir. Bir dairə nümayiş edilərkən daim dəyişə bilər. Bu hərəkət qonaqların diqqətini cəlb edə bilər və onların təcrübəsini əsas sahədə və ya dizaynda elementlərə yönəldə bilərsiniz.
Təsvir üzərində bir nöqtənin sabit qalacağını nəzəriyyə üzərində işləyin. Kartonda bir itələmə ilə bir kağız parçası düşünün. Pin yeri sabit yerdir. Bir kənarın tutulması və saat istiqamətində və ya əks istiqamətdə hərəkət edilərək kağızı çevirsəniz, itən pin heç hərəkət etmir, lakin dikdörtgen hələ də açıları dəyişir. Kağız dönəcək, ancaq pimin sabit nöqtəsi dəyişməz qalır. Bu dönmə funksiyasının necə işlədiyinə çox oxşardır.
Sözdizimi qayıt
Döndürerek, növbənin bucağını və sabit sahənin koordinatlarını qeyd edin.
çevirmək = "dönmə (45,100,100)"Fırlanma bucağı əlavə etdiyiniz ilk şeydir. Bu kodda, fırlanma bucağı 45 dərəcədir. Mərkəz nöqtəsi növbəti əlavə edəcəyiniz şeydir. Burada mərkəz nöqtəsi 100, 100 koordinatlarında oturur. Mərkəz mövqeyi koordinatlarına girmirsinizsə, onlar 0,0 'a bərabərdirlər. Aşağıdakı nümunədə bucaq hələ 45 dərəcə olardı, lakin mərkəz nöqtəsi qurulmadığından, bu, standart olaraq 0,0 təşkil edəcək.
çevirmək = "dönmə (45)"Default olaraq, bucaq grafiğin sağ tərəfinə doğru gedir. Təqiqi istiqamətdə formanı döndərmək üçün mənfi dəyərləri göstərmək üçün mənfi bir işarə istifadə edirsiniz.
çevirmək = "döndürmək (-45)"45 dərəcə fırlanma dörddə bir növbəsdir, çünki açılar 360 dərəcə dairəyə əsaslanır. İnqilabı 360 olaraq qeyd edərsəniz, görünüş tam olaraq tam dairədə döndüyündən görünüş dəyişməyəcəkdir, buna görə son nəticə nəticə verdiyiniz yerə görə eyni olacaqdır.