可缩放矢量图形旋转功能
旋转图像将改变图像显示的角度。 对于简单的图形，这可以增加一些变化和兴趣，否则可能是一个简单或无聊的形象。 和所有转换一样，旋转作为动画或静态图形的一部分工作。 学习如何在SVG中使用旋转或可缩放矢量图形 ，可以让您向图形的设计请求一个独特的角度。 SVG旋转功能可以在任一方向转动图像。
关于旋转
旋转功能全部关于图形的角度。 当您设计SVG图像时 ，您将创建一个静态模型，该模型可能会以传统角度进行设置。 例如，正方形将沿着X轴有两个边，沿着Y轴有两个边。 随着旋转，你可以采取同样的方形，并把它变成一个钻石形成。
只有这样一种效果，你已经从一个非常典型的盒子（这在网站上非常常见）变成了一种钻石，这种钻石并不常见，并且没有为设计增添一些有趣的视觉多样性。 旋转也是SVG动画容量的一部分。 一个圆圈可以在显示时不断转动。 此动议可吸引访客的注意力，并帮助您将他们的体验集中在设计中的关键区域或元素上。
旋转关于图像上的一个点将保持固定的理论。 想象一下用推针将一张纸贴在纸板上。 销位置是固定点。 如果通过抓住边缘并按顺时针或逆时针方向旋转纸张来转动纸张，则推针不会移动，但矩形仍会改变角度。纸张会旋转，但引脚的固定点保持不变。 这与旋转函数的工作方式非常相似。
旋转语法
随着旋转，你列出转弯的角度和固定区域的坐标。
变换=“旋转（45100100）”旋转的角度是您添加的第一件事。 在这个代码中，旋转角度是45度。 中心点是你接下来要添加的内容。 这里，该中心点位于坐标100,100处。如果不输入中心位置坐标，则它们将默认为0,0。 在下面的示例中，角度仍然是45度，但由于中心点尚未建立，因此它将默认为0,0。
变换= “旋转（45）”默认情况下，角度朝向图形的右侧。 要以相反的方向旋转形状，可以使用减号来列出负值。
变换= “旋转（-45）”由于角度基于360度的圆圈，所以45度旋转为四分之一圈。 如果将革命列为360，则图像不会发生变化，因为您完全将其翻转为一整圈，所以最终结果与您开始时的外观相同。