API reference

Every public class, method, and event in @codexo/exojs. Generated from source.

I

interfaceCanvasSizingMetrics

@codexo/exojs / core / stable

One complete description of how the canvas is sized, in the three axes the engine keeps apart. `cssWidth`/`cssHeight` are the element's display box in CSS pixels, or `null` to leave the box exactly as it is - the form a policy uses when the surrounding page owns the canvas geometry. They are ignored for a surface with no document element. `logicalWidth`/`logicalHeight` are the coordinate system the application draws in: node positions, Application.width/Application.height and pointer coordinates are all expressed in it. `renderWidth`/`renderHeight` are the requested render resolution, also in CSS pixels. The backing store becomes `render x pixelRatio`, so a policy states how many pixels it wants without ever applying the device pixel ratio itself.

6
props
0
methods
0
events
Import
import { CanvasSizingMetrics } from '@codexo/exojs'

One complete description of how the canvas is sized, in the three axes the engine keeps apart.

`cssWidth`/`cssHeight` are the element's display box in CSS pixels, or `null` to leave the box exactly as it is - the form a policy uses when the surrounding page owns the canvas geometry. They are ignored for a surface with no document element.

`logicalWidth`/`logicalHeight` are the coordinate system the application draws in: node positions, Application.width/Application.height and pointer coordinates are all expressed in it.

`renderWidth`/`renderHeight` are the requested render resolution, also in CSS pixels. The backing store becomes `render x pixelRatio`, so a policy states how many pixels it wants without ever applying the device pixel ratio itself.

Properties6
cssHeight: null | number
cssWidth: null | number
logicalHeight: number
logicalWidth: number
renderHeight: number
renderWidth: number
Source
src/core/sizing/CanvasSizing.ts