DOMMatrixReadOnly: toJSON() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

DOMMatrixReadOnly 接口的 toJSON() 方法会创建一个并返回一个 JSON 对象。该 JSON 对象包含 2D 矩阵的 a 到 f 元素、4x4 3D 矩阵的 16 个元素 m[1-4][1-4]、布尔值 is2D 属性以及布尔值 isIdentity 属性。

语法

js
toJSON()

参数

无。

返回值

一个 JSON 对象;DOMMatrixReadOnly 对象的 JSON 表示形式。

示例

js
const matrix = new DOMMatrixReadOnly();
console.log(matrix.translate(20, 30).toJSON());
/*
{
    "a": 1,
    "b": 0,
    "c": 0,
    "d": 1,
    "e": 20,
    "f": 30,
    "m11": 1,
    "m12": 0,
    "m13": 0,
    "m14": 0,
    "m21": 0,
    "m22": 1,
    "m23": 0,
    "m24": 0,
    "m31": 0,
    "m32": 0,
    "m33": 1,
    "m34": 0,
    "m41": 20,
    "m42": 30,
    "m43": 0,
    "m44": 1,
    "is2D": true,
    "isIdentity": false
}
*/
console.log(matrix.translate(22, 55, 66).toJSON());
/*
{
    "a": 1,
    "b": 0,
    "c": 0,
    "d": 1,
    "e": 22,
    "f": 55,
    "m11": 1,
    "m12": 0,
    "m13": 0,
    "m14": 0,
    "m21": 0,
    "m22": 1,
    "m23": 0,
    "m24": 0,
    "m31": 0,
    "m32": 0,
    "m33": 1,
    "m34": 0,
    "m41": 22,
    "m42": 55,
    "m43": 66,
    "m44": 1,
    "is2D": false,
    "isIdentity": false
}
*/

规范

规范
Geometry Interfaces Module Level 1
# dom-dommatrixreadonly-tojson

浏览器兼容性

另见