DOMQuad: toJSON() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Note: This feature is available in Web Workers.

The DOMQuad method toJSON() returns a JSON representation of the DOMQuad object.

Syntax

js
toJSON()

Parameters

None.

Return value

A new object whose properties are set to the values in the DOMQuad on which the method was called.

Examples

This example creates a DOMQuad with four DOMPoint objects representing the corners of the current window, in screen coordinates, then converts that to JSON.

js
const topLeft = new DOMPoint(window.screenX, window.screenY);
const topRight = new DOMPoint(
  window.screenX + window.innerWidth,
  window.screenY,
);
const bottomLeft = new DOMPoint(
  window.screenX,
  window.screenY + window.innerHeight,
);
const bottomRight = new DOMPoint(
  window.screenX + window.innerWidth,
  window.screenY + window.innerHeight,
);

const quad = new DOMQuad(topLeft, topRight, bottomRight, bottomLeft);

const quadJSON = quad.toJSON();

Specifications

Specification
Geometry Interfaces Module Level 1
# dom-domquad-tojson

Browser compatibility

BCD tables only load in the browser