files/en-us/web/api/domquad/tojson/index.md
{{APIRef("Geometry Interfaces")}}{{AvailableInWorkers}}
The {{domxref("DOMQuad")}} method
toJSON() returns a
{{Glossary("JSON")}} representation of the DOMQuad object.
toJSON()
None.
A new object whose properties are set to the values in the
DOMQuad on which the method was called.
This example creates a {{domxref("DOMQuad")}} with four {{domxref("DOMPoint")}} objects representing the corners of the current window, in screen coordinates, then converts that to JSON.
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}}
{{Compat}}