SVG patternTransform Attribute

The patternTransform attribute describes a list of transform functions that are applied to a pattern.

Syntax:

patternTransform = "values"

Attribute Values: The patternTransform attribute accepts values that are described below:

• Matrix: The transform function moves the object by x and y.
• Scale: The scale transform function specifies a scale operation by x and y.
• Rotate: The rotate transform function specifies a rotation by a degree about a given point.
• SkewX: The skewX transform function specifies a skew transformation along the x-axis by a degree.
• SkewY: The skewY transform function specifies a skew transformation along the y-axis by a degree.

Below examples illustrate the use of patternTransform attribute.

Example 1:

Output:

👁 Image

Example 2: 

Output:

👁 Image