SVG 变换属性

transform属性声明了应用于元素及其子元素的转换定义列表。在 SVG 1.1 中，只允许这些元素使用变换属性、、、、、、、、、< path>、、、、、 和 。

句法：

transform = scale() | translate() | rotate() | 
                 matrix() | skewX() | skewY()

属性值： transform属性接受上面提到和下面描述的转换函数。

• skewX()：它枚举沿 x 轴的倾斜度变换。
• skewY()：它枚举沿 y 轴的倾斜度变换。
• scale()：它通过 x 和 y 枚举缩放操作。如果未提供 y，则假定等于 x。
• 旋转（）：它枚举围绕给定点的度数旋转。
• translate()：它将对象移动 x 和 y。如果未提供 y，则假定为 0。
• matrix()：它以六个值的变换矩阵的形式枚举变换。

示例 1：以下示例说明了使用rotate()、translate()、skewX() 和 scale()变换函数的变换属性的使用。

输出：

示例 2：以下示例说明了使用比例变换函数的变换属性的使用。

HTML

  

    

        GeeksforGeeks
    
  
    

  

输出：