Ölçeklenebilir Vektör Grafik Döndürme Fonksiyonu
Bir görüntüyü döndürmek, görüntünün görüntülendiği açıyı değiştirir. Basit grafikler için bu, aksi takdirde basit veya sıkıcı bir görüntü olabilecek bazı çeşit ve ilgi ekleyebilir. Tüm dönüşümlerde olduğu gibi, döndürme bir animasyonun parçası veya statik bir grafik için çalışır. SVG veya Ölçeklendirilebilir Vektör Grafikleri içinde nasıl kullanılacağını öğrenmek, şeklin tasarımına farklı bir açı talep etmenizi sağlar. SVG döndürme işlevi, görüntüyü iki yönde döndürmek için çalışır.
Döndürme hakkında
Döndürme işlevi, grafiğin açısı ile ilgilidir. Bir SVG görüntüsü tasarladığınızda, muhtemelen geleneksel bir açıda duracak statik bir model oluşturacaksınız. Örneğin, bir karenin X ekseni boyunca iki yanı ve Y ekseni boyunca iki tarafı olacaktır. Döndüğünüzde, aynı kareyi alıp elmas oluşumuna dönüştürebilirsiniz.
Sadece bir etki ile, çok yaygın olmayan bir kutudan (ki bu web sitelerinde oldukça yaygındır) bir pırlantaya geçtiniz, bu hiç de yaygın olmayan ve bir tasarıma ilginç bir görsel çeşitlilik eklememiş olan bir pırlanta. Döndürme ayrıca SVG'deki animasyon kapasitelerinin bir parçasıdır. Görüntülendiğinde bir daire sürekli olarak dönebilir. Bu hareket, ziyaretçilerin ilgisini çekebilir ve deneyimlerini bir alandaki önemli alan veya öğeler üzerinde odaklamanıza yardımcı olabilir.
Döndür, görüntünün üzerine bir nokta sabit olacak teori üzerinde çalışır. Bir itme pimi ile kartona tutturulmuş bir parça kağıt hayal edin. Pin konumu sabit nokta. Kağıdı bir kenar kapatarak ve saat yönünde veya saat yönünün tersine döndürerek döndürürseniz, itme pimi asla hareket etmez, ancak dikdörtgen hala açıları değiştirir. Kağıt dönecektir, ancak pimin sabit noktası değişmeden kalır. Bu, döndürme işlevinin nasıl çalıştığıyla çok benzer.
Sözdizimini Döndür
Döndürerek, dönüşün açısını ve sabit alanın koordinatlarını listelersiniz.
dönüşümü = "döndürme (45.100.100)"Rotasyonun açısı, eklediğiniz ilk şeydir. Bu kodda, dönüş açısı 45 derecedir. Merkezi nokta, bir sonraki adımdır. Burada, bu merkez noktası 100, 100 koordinatlarında oturur. Eğer orta konum koordinatlarını girmezseniz, 0,0 olarak varsayılan değerlerdir. Aşağıdaki örnekte, açı hala 45 derecedir, ancak merkez noktası kurulmadığı için 0,0 değerine varsayılan olacaktır.
dönüşümü = "döndürme (45)"Varsayılan olarak, açı grafiğin sağ tarafına doğru gider. Şekli ters yönde döndürmek için, negatif bir değer listelemek için bir eksi işareti kullanırsınız.
dönüşümü = "döndürme (-45)"Açıların 360 derecelik bir çembere dayanması nedeniyle 45 derecelik bir dönüş çeyrek turdur. Eğer devrimi 360 olarak listelerseniz, görüntü tam anlamıyla tam bir çevrede saygısız olduğunuz için değişmeyecekti, bu yüzden sonuç, başladığınız yerdeki görünümle aynı olurdu.