CSSTransformValue: toMatrix() method

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The toMatrix() method of the CSSTransformValue interface returns a DOMMatrix object.

Syntax

toMatrix()

TypeError: Raised if any lengths involved in generating the matrix are not compatible units with px (such as relative lengths or percentages).

Specification
CSS Typed OM Level 1 # dom-csstransformvalue-tomatrix

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`toMatrix`	Chrome – Full support Chrome 66 (Release date: 2018-04-17) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox footnote footnote See bug 1278697	Opera – Full support Opera 53 (Release date: 2018-05-10) footnote Full support	Safari – Full support Safari 16.4 (Release date: 2023-03-27) footnote Full support	Chrome Android – Full support Chrome Android 66 (Release date: 2018-04-17) footnote Full support	Firefox for Android – No support Firefox for Android footnote footnote See bug 1278697	Opera Android – Full support Opera Android 47 (Release date: 2018-07-23) footnote Full support	Safari on iOS – Full support Safari on iOS 16.4 (Release date: 2023-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 9 (Release date: 2018-09-15) footnote Full support	WebView Android – Full support WebView Android 66 (Release date: 2018-04-17) footnote Full support	WebView on iOS – Full support WebView on iOS 16.4 (Release date: 2023-03-27) footnote Full support

Tip: you can click/tap on a cell for more information.

This page was last modified on Apr 7, 2023 by MDN contributors.

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.