documentationfor yFiles for HTML 3.0.0.2

Represents margins or padding for a rectangular area in two-dimensional Cartesian coordinates.

Inheritance Hierarchy
Insets

Remarks

This is a convertible type that can be used with the following notation(s) in parameter lists, parameter objects or setters.

It is possible to specify a single number, an Array or a plain Object to define Insets:

5 // horizontal and vertical
[5] // also horizontal and vertical
[5, 10] // vertical, horizontal
[5, 10, 15] // top, horizontal, bottom
[5, 10, 15, 20] // top, right, bottom, left
// for objects, all properties are optional and 0 implicitly when omitted,
// but at least one needs to be specified:
{ top: 5, right: 10, bottom: 15, left: 20}
{ horizontal: 10, vertical: 5}
{ horizontal: 5, right: 10} // more specific value wins, so right becomes 10

Examples

The following example shows a few ways to use Insets:
// Create new insets
const insets = new Insets(10, 10, 5, 2)
// Create other insets that are uniform on every side
const insets2 = new Insets(12)

console.log(`Top:    ${insets.top}`)
console.log(`Right:  ${insets.right}`)
console.log(`Bottom: ${insets.bottom}`)
console.log(`Left:   ${insets.left}`)

console.log(`Total vertical:   ${insets.verticalInsets}`)
console.log(`Total horizontal: ${insets.horizontalInsets}`)

// Enlarge the first insets
const larger = insets.getEnlarged(new Insets(2))
console.log(larger) // top: 12, right: 12, bottom: 7, left: 4

// Reduce them again
const smaller = larger.getReduced(new Insets(1, 5, 2, 3))
console.log(smaller) // top: 11, right: 7, bottom: 5, left: 1

// Scale by a uniform factor
const scaled = Insets.multiply(insets, 1.5)
console.log(scaled) // top: 15, right: 15, bottom: 7.5, left: 3

Type Details

yFiles module
core

See Also

Sample Graphs

Constructors

Properties

Methods

Constants

Static Methods