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

瀏覽器相容性

另見