Skip to main content
.scaleEffect(scale: { x?: number; y?: number, anchor?: UnitPoint } | number): Component;

​
Parameters

​
scale
{ x?: number; y?: number, anchor?: UnitPoint } | number
The scale configuration. Can be a number for uniform scaling or an object for detailed control.

​
Support

​
Usage

​
Uniform scaling

Text("Scaled text")
    .scaleEffect(1.5)

​
Non-uniform scaling

Rectangle()
    .fill(Color("blue"))
    .scaleEffect({ x: 2, y: 0.5 })

​
Scaling with anchor point

Circle()
    .fill(Color("red"))
    .scaleEffect({ x: 1.2, y: 1.2, anchor: "topLeading" })