可縮放矢量圖形旋轉功能
旋轉圖像將改變圖像顯示的角度。 對於簡單的圖形，這可以增加一些變化和興趣，否則可能是一個簡單或無聊的形象。 和所有轉換一樣，旋轉作為動畫或靜態圖形的一部分工作。 學習如何在SVG中使用旋轉或可縮放矢量圖形 ，可以讓您向圖形的設計請求一個獨特的角度。 SVG旋轉功能可以在任一方向轉動圖像。
關於旋轉
旋轉功能全部關於圖形的角度。 當您設計SVG圖像時 ，您將創建一個靜態模型，該模型可能會以傳統角度進行設置。 例如，正方形將沿著X軸有兩個邊，沿著Y軸有兩個邊。 隨著旋轉，你可以採取同樣的方形，並把它變成一個鑽石形成。
只有這樣一種效果，你已經從一個非常典型的盒子（這在網站上非常常見）變成了一種鑽石，這種鑽石並不常見，並且沒有為設計增添一些有趣的視覺多樣性。 旋轉也是SVG動畫容量的一部分。 一個圓圈可以在顯示時不斷轉動。 此動議可吸引訪客的注意力，並幫助您將他們的體驗集中在設計中的關鍵區域或元素上。
旋轉關於圖像上的一個點將保持固定的理論。 想像一下用推針將一張紙貼在紙板上。 銷位置是固定點。 如果通過抓住邊緣並按順時針或逆時針方向旋轉紙張來轉動紙張，則推針不會移動，但矩形仍會改變角度。紙張會旋轉，但引腳的固定點保持不變。 這與旋轉函數的工作方式非常相似。
旋轉語法
隨著旋轉，你列出轉彎的角度和固定區域的坐標。
變換=“旋轉（45100100）”旋轉的角度是您添加的第一件事。 在這個代碼中，旋轉角度是45度。 中心點是你接下來要添加的內容。 這裡，該中心點位於坐標100,100處。如果不輸入中心位置坐標，則它們將默認為0,0。 在下面的示例中，角度仍然是45度，但由於中心點尚未建立，因此它將默認為0,0。
變換=“旋轉（45）”默認情況下，角度朝向圖形的右側。 要以相反的方向旋轉形狀，可以使用減號來列出負值。
變換=“旋轉（-45）”由於角度基於360度的圓圈，所以45度旋轉為四分之一圈。 如果將革命列為360，則圖像不會發生變化，因為您完全將其翻轉為一整圈，所以最終結果與您開始時的外觀相同。