GeometryUtils

The GeometryUtils interface provides different utility function to retrieve geometry information about DOM nodes.

GeometryUtils is a raw interface and no object of this type can be created; it is implemented by Text, Element, CSSPseudoElement, and Document objects.

Properties

This interface does not implement any properties.

Methods

GeometryUtils.getBoxQuads(): Returns a list of DOMQuad objects representing the CSS fragments of the node.
GeometryUtils.convertQuadFromNode(): FIXME: Needs a description
GeometryUtils.convertRectFromNode(): FIXME: Needs a description
GeometryUtils.convertPointFromNode(): FIXME: Needs a description

Specifications

Specification	Status	Comment
CSS Object Model (CSSOM) View Module The definition of 'GeometryUtils' in that specification.	Working Draft	Initial definition

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`GeometryUtils` Experimental	Chrome ?	Edge ?	Firefox Partial support 31	IE ?	Opera ?	Safari ?	WebView Android ?	Chrome Android ?	Firefox Android Partial support 31	Opera Android ?	Safari iOS ?	Samsung Internet Android ?
`convertPointFromNode` Experimental	Chrome ?	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android ?	Chrome Android ?	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android ?
`convertQuadFromNode` Experimental	Chrome ?	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android ?	Chrome Android ?	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android ?
`convertRectFromNode` Experimental	Chrome ?	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android ?	Chrome Android ?	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android ?
`getBoxQuads` Experimental	Chrome ?	Edge ?	Firefox Full support 31 Disabled Full support 31 Disabled Disabled From version 31: this feature is behind the `layout.css.getBoxQuads.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE ?	Opera ?	Safari ?	WebView Android ?	Chrome Android ?	Firefox Android Full support 31 Disabled Full support 31 Disabled Disabled From version 31: this feature is behind the `layout.css.getBoxQuads.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android ?	Safari iOS ?	Samsung Internet Android ?

Legend

Full support: Full support
Partial support: Partial support
Compatibility unknown: Compatibility unknown
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
User must explicitly enable this feature.: User must explicitly enable this feature.