DOMMatrixReadOnly：toFloat64Array() 方法

Baseline 已广泛支持

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

toFloat64Array() 方法是 DOMMatrixReadOnly 接口的一部分，它会返回一个新的 Float64Array，其中包含构成矩阵的所有 16 个元素（m11、m12、m13、m14、m21、m22、m23、m24、m31、m32、m33、m34、m41、m42、m43、m44）。这些元素以双精度浮点数的形式存储在数组中，采用列主序（也称为“colexographical access”或“colex”）顺序。（换句话说，就是从上到下遍历第一列，然后是第二列，依此类推。）

语法

toFloat64Array()

const matrix = new DOMMatrixReadOnly();
let float64 = matrix.translate(20, 30, 50).toFloat64Array();
console.log(float64); // Float64Array(16) [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 20, 30, 0, 1 ] ]
console.log(`m41: ${float64[12]}, m42: ${float64[13]}, m43: ${float64[14]}`); // m41: 20, m42: 30, M44: 40

float64 = matrix.rotate(30).toFloat64Array();
console.log(float64);
console.log(`m11: ${float64[0]}, m12: ${float64[1]}`); // m11: 0.8660254037844387, m12: 0.49999999999999994