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