Transformations can be applied to Shapes, Outlines, groups, images and radialGradients. All operations can be combined in a single transformations block if needed.

When applied to images, there is an extra property interpolation useful for giving hints, its value may be any of [bicubic,bilinear,nearest].

Available operations

Matrix
Rotate
Scale
Skew
Translate

None

rect( x: 10, y: 10, width: 300, height: 80, arcWidth: 20, arcHeight: 20,
      borderColor: 'darkRed', borderWidth: 2, fill: 'red' )

Translate

rect( x: 10, y: 10, width: 300, height: 80, arcWidth: 20, arcHeight: 20,
      borderColor: 'darkRed', borderWidth: 2, fill: 'red' ){
   transformations {
      translate( x: 50, y: 20 )
   }
}

Scale

rect( x: 10, y: 10, width: 300, height: 80, arcWidth: 20, arcHeight: 20,
      borderColor: 'darkRed', borderWidth: 2, fill: 'red' ){
   transformations {
      scale( x: 1.5, y: 0.5 )
   }
}

Skew

rect( x: 10, y: 10, width: 300, height: 80, arcWidth: 20, arcHeight: 20,
      borderColor: 'darkRed', borderWidth: 2, fill: 'red' ){
   transformations {
      skew( x: 0.5, y:0 )
   }
}

Rotate

rect( x: 10, y: 10, width: 300, height: 80, arcWidth: 20, arcHeight: 20,
      borderColor: 'darkRed', borderWidth: 2, fill: 'red' ){
   transformations {
      rotate( angle: 45, x: 50, y: 50 )
   }
}