The DOMMatrix
interface represents 4x4 matrices, suitable for 2D and 3D operations. Supersedes the WebKitCSSMatrix
and SVGMatrix
interfaces.
Spec | https://drafts.fxtf.org/geometry/#dommatrix |
---|---|
Status | W3C Candidate Recommendation |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
108 (4) | |||||
107 (4) | 107 (4) | TP (4) | |||
106 (4) | 106 (4) | 16.1 (4) | |||
11 (1) | 105 (4) | 105 (4) | 105 (4) | 16.0 (4) | 91 (4) |
10 (1) | 104 (4) | 104 (4) | 104 (4) | 15.6 (4) | 90 (4) |
9 | 103 (4) | 103 (4) | 103 (4) | 15.5 (4) | 89 (4) |
8 | 102 (4) | 102 (4) | 102 (4) | 15.4 (4) | 88 (4) |
Show all | |||||
7 | 101 (4) | 101 (4) | 101 (4) | 15.2-15.3 (4) | 87 (4) |
6 | 100 (4) | 100 (4) | 100 (4) | 15.1 (4) | 86 (4) |
5.5 | 99 (4) | 99 (4) | 99 (4) | 15 (4) | 85 (4) |
98 (4) | 98 (4) | 98 (4) | 14.1 (4) | 84 (4) | |
97 (4) | 97 (4) | 97 (4) | 14 (4) | 83 (4) | |
96 (4) | 96 (4) | 96 (4) | 13.1 (4) | 82 (4) | |
95 (4) | 95 (4) | 95 (4) | 13 (4) | 81 (4) | |
94 (4) | 94 (4) | 94 (4) | 12.1 (4) | 80 (4) | |
93 (4) | 93 (4) | 93 (4) | 12 (4) | 79 (4) | |
92 (4) | 92 (4) | 92 (4) | 11.1 (4) | 78 (4) | |
91 (4) | 91 (4) | 91 (4) | 11 (4) | 77 (4) | |
90 (4) | 90 (4) | 90 (4) | 10.1 (1) | 76 (4) | |
89 (4) | 89 (4) | 89 (4) | 10 (1) | 75 (4) | |
88 (4) | 88 (4) | 88 (4) | 9.1 (1) | 74 (4) | |
87 (4) | 87 (4) | 87 (4) | 9 (1) | 73 (4) | |
86 (4) | 86 (4) | 86 (4) | 8 (1) | 72 (4) | |
85 (4) | 85 (4) | 85 (4) | 7.1 (1) | 71 (4) | |
84 (4) | 84 (4) | 84 (4) | 7 (1) | 70 (4) | |
83 (4) | 83 (4) | 83 (4) | 6.1 (1) | 69 (4) | |
81 (4) | 82 (4) | 81 (4) | 6 (1) | 68 (4) | |
80 (4) | 81 (4) | 80 (4) | 5.1 (1) | 67 (4) | |
79 (4) | 80 (4) | 79 (4) | 5 (1) | 66 (4) | |
18 (1) | 79 (4) | 78 (4) | 4 | 65 (4) | |
17 (1) | 78 (4) | 77 (4) | 3.2 | 64 (4) | |
16 (1) | 77 (4) | 76 (4) | 3.1 | 63 (4) | |
15 (1) | 76 (4) | 75 (4) | 62 (4) | ||
14 (1) | 75 (4) | 74 (4) | 60 (4) | ||
13 (1) | 74 (4) | 73 (4) | 58 (4) | ||
12 (1) | 73 (4) | 72 (4) | 57 (4) | ||
72 (4) | 71 (4) | 56 (4) | |||
71 (4) | 70 (4) | 55 (4) | |||
70 (4) | 69 (4) | 54 (4) | |||
69 (4) | 68 (4) | 53 (4) | |||
68 (4,5) | 67 (4) | 52 (4) | |||
67 (4,5) | 66 (4) | 51 (4) | |||
66 (4,5) | 65 (4) | 50 (4) | |||
65 (4,5) | 64 (4) | 49 (4) | |||
64 (4,5) | 63 (4) | 48 (4) | |||
63 (4,5) | 62 (4) | 47 (1) | |||
62 (4,5) | 61 (4) | 46 (1) | |||
61 (4,5) | 60 (1) | 45 (1) | |||
60 (4,5) | 59 (1) | 44 (1) | |||
59 (4,5) | 58 (1) | 43 (1) | |||
58 (4,5) | 57 (1) | 42 (1) | |||
57 (4,5) | 56 (1) | 41 (1) | |||
56 (4,5) | 55 (1) | 40 (1) | |||
55 (4,5) | 54 (1) | 39 (1) | |||
54 (4,5) | 53 (1) | 38 (1) | |||
53 (4,5) | 52 (1) | 37 (1) | |||
52 (4,5) | 51 (1) | 36 (1) | |||
51 (4,5) | 50 (1) | 35 (1) | |||
50 (4,5) | 49 (1) | 34 (1) | |||
49 (4,5) | 48 (1) | 33 (1) | |||
48 (3,5) | 47 (1) | 32 (1) | |||
47 (3,5) | 46 (1) | 31 (1) | |||
46 (3,5) | 45 (1) | 30 (1) | |||
45 (3,5) | 44 (1) | 29 (1) | |||
44 (3,5) | 43 (1) | 28 (1) | |||
43 (3,5) | 42 (1) | 27 (1) | |||
42 (3,5) | 41 (1) | 26 (1) | |||
41 (3,5) | 40 (1) | 25 (1) | |||
40 (3,5) | 39 (1) | 24 (1) | |||
39 (3,5) | 38 (1) | 23 (1) | |||
38 (3,5) | 37 (1) | 22 (1) | |||
37 (3,5) | 36 (1) | 21 (1) | |||
36 (3,5) | 35 (1) | 20 (1) | |||
35 (3,5) | 34 (1) | 19 (1) | |||
34 (3,5) | 33 (1) | 18 (1) | |||
33 (3,5) | 32 (1) | 17 (1) | |||
32 | 31 (1) | 16 (1) | |||
31 | 30 (1) | 15 (1) | |||
30 | 29 (1) | 12.1 | |||
29 | 28 (1) | 12 | |||
28 | 27 (1) | 11.6 | |||
27 | 26 (1) | 11.5 | |||
26 | 25 (1) | 11.1 | |||
25 | 24 (1) | 11 | |||
24 | 23 (1) | 10.6 | |||
23 | 22 (1) | 10.5 | |||
22 | 21 (1) | 10.0-10.1 | |||
21 | 20 (1) | 9.5-9.6 | |||
20 | 19 (1) | 9 | |||
19 | 18 (1) | ||||
18 | 17 (1) | ||||
17 | 16 (1) | ||||
16 | 15 (1) | ||||
15 | 14 (1) | ||||
14 | 13 (1) | ||||
13 | 12 (1) | ||||
12 | 11 (1) | ||||
11 | 10 (1) | ||||
10 | 9 (1) | ||||
9 | 8 (1,2) | ||||
8 | 7 | ||||
7 | 6 | ||||
6 | 5 | ||||
5 | 4 | ||||
4 | |||||
3.6 | |||||
3.5 | |||||
3 | |||||
2 |
Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|
16.1 (1) | ||||||||||||
16.0 (1) | all | 105 (4) | 10 (1) | 64 (4) | 105 (4) | 104 (4) | 11 (1) | 13.4 (4) | 18.0 (1) | 13.1 (4) | 13.18 (4) | 2.5 (3,5) |
15.6 (1) | 4.4.3-4.4.4 (1) | 7 | 12.1 | 10 (1) | 17.0 (1) | |||||||
15.5 (1) | 4.4 (1) | 12 | 16.0 (1) | |||||||||
15.4 (1) | 4.2-4.3 (1) | 11.5 | 15.0 (1) | |||||||||
Show all | ||||||||||||
15.2-15.3 (1) | 4.1 (1) | 11.1 | 14.0 (1) | |||||||||
15.0-15.1 (1) | 4 (1) | 11 | 13.0 (1) | |||||||||
14.5-14.8 (1) | 3 (2,*) | 10 | 12.0 (1) | |||||||||
14.0-14.4 (1) | 2.3 (2,*) | 11.1-11.2 (1) | ||||||||||
13.4-13.7 (1) | 2.2 (2,*) | 10.1 (1) | ||||||||||
13.3 (1) | 2.1 (2,*) | 9.2 (1) | ||||||||||
13.2 (1) | 8.2 (1) | |||||||||||
13.0-13.1 (1) | 7.2-7.4 (1) | |||||||||||
12.2-12.5 (1) | 6.2-6.4 (1) | |||||||||||
12.0-12.1 (1) | 5.0-5.4 (1) | |||||||||||
11.3-11.4 (1) | 4 (1) | |||||||||||
11.0-11.2 (1) | ||||||||||||
10.3 (1) | ||||||||||||
10.0-10.2 (1) | ||||||||||||
9.3 (1) | ||||||||||||
9.0-9.2 (1) | ||||||||||||
8.1-8.4 (1) | ||||||||||||
8 (1) | ||||||||||||
7.0-7.1 (1) | ||||||||||||
6.0-6.1 (1) | ||||||||||||
5.0-5.1 (1) | ||||||||||||
4.2-4.3 | ||||||||||||
4.0-4.1 | ||||||||||||
3.2 |
Only supports the WebKitCSSMatrix
version of the interface, not DOMMatrix
WebKitCSSMatrix#skewX
, WebKitCSSMatrix#skewY
are not supported
Only supports the DOMMatrix
version of the interface, not WebKitCSSMatrix
(support required by spec for legacy reasons)
Only replaces WebkitCSSMatrix
and not SVGMatrix
Does not support fromMatrix()
, fromFloat32Array()
, fromFloat64Array()
, and toJSON()
methods
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/dommatrix