如何在DOM中创建没有SVG元素的SVG矩阵

Question

我一直在访问SVGMatrix原型，以便将其功能用于矩阵变换。这些转换不一定与任何SVG元素相关

var svgElement = $('svg')[0];
var svgMatrix = svgElement.createSVGMatrix()
Object.create(svgMatrix.__proto__)

基本上我希望能够像第2行一样创建一个svgMatrix，而不必像第1行那样依赖DOM中的svg元素。

Answer 1

怎么样

var matrix = document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGMatrix();

Answer 2

只需使用new DOMMatrix()。是同一回事。

即使DOMMatrix !== SVGMatrix，

它们共享相同的构造函数DOMMatrix.constructor === SVGMatrix.constructor。

lib.dom.d.ts也等同于两个：

type SVGMatrix = DOMMatrix;
declare var SVGMatrix: typeof DOMMatrix;