Skip to main content

Enumeration: AspectRatioType

Standard aspect ratio options for the canvas display.

These aspect ratios define the proportional relationship between the width and height of the canvas. The canvas may be constrained to one of these aspect ratios based on 2D layer rules or product settings.

Each value is expressed in the format "width:height".

Example​

// Check if the canvas has a widescreen format
const isWidescreen = aspectRatio === AspectRatioType['16:9'] ||
                     aspectRatio === AspectRatioType['16:10'];

// Apply specific styling based on aspect ratio
switch(aspectRatio) {
  case AspectRatioType['1:1']:
    applySquareLayout();
    break;
  case AspectRatioType['16:9']:
    applyWidescreenLayout();
    break;
  // ...etc
}

Enumeration Members​

1:1​

1:1: "1:1"

Square aspect ratio (1:1)

The 1:1 ratio creates perfect squares, commonly used for profile pictures, icons, and other content where equal dimensions are desired.

16:10​

16:10: "16:10"

16:10 aspect ratio, common laptop screen format

The 16:10 ratio is often used in laptop displays, offering a bit more vertical space than 16:9 while maintaining a widescreen format.

16:9​

16:9: "16:9"

16:9 aspect ratio, common widescreen format

The 16:9 ratio is the standard for modern televisions, monitors, smartphones, and video content. Provides a wide, cinematic view.

3:2​

3:2: "3:2"

3:2 aspect ratio, common in photography

The 3:2 ratio is the standard for DSLR cameras and traditional 35mm film. Common for printed photographs and postcards.

4:3​

4:3: "4:3"

4:3 aspect ratio, traditional TV/monitor format

The 4:3 ratio was the standard for early television and computer monitors. Still commonly used for slides, documents, and tablets.

4:5​

4:5: "4:5"

4:5 aspect ratio (portrait orientation of 5:4)

The 4:5 ratio is commonly used for portrait photography and vertical displays, providing a tall, narrow format.

5:4​

5:4: "5:4"

5:4 aspect ratio

The 5:4 ratio was used in early computer monitors and is still common for certain print formats and industrial displays.