Skip to main content
.transformEffect(matrix: { a: number; b: number; c: number; d: number; tx: number; ty: number }): Component;

Parameters

matrix
{ a: number; b: number; c: number; d: number; tx: number; ty: number }
The 2D transformation matrix values.

Support

Usage

Scale transformation

Rectangle()
    .fill(Color("blue"))
    .transformEffect({ a: 2, b: 0, c: 0, d: 2, tx: 0, ty: 0 })

Skew transformation

Text("Skewed text")
    .transformEffect({ a: 1, b: 0.3, c: 0, d: 1, tx: 0, ty: 0 })

Combined transformation

Circle()
    .fill(Color("red"))
    .transformEffect({ a: 1.5, b: 0.2, c: 0.1, d: 1.2, tx: 10, ty: 5 })