javascript - 应用所有变换矩阵

Question

我正在寻找一种可能快速的方法来应用给定 svg 图形的所有变换矩阵。换句话说:该算法应该去除所有“变换”属性并将图形的所有坐标变换为绝对坐标。

他们是否有任何库可以做到这一点，或者他们是否有任何 SVGDomInterface 方法可以做到这一点？

编辑::

如果我这样调用合并方法:

$.each( svg.find( 'path' ), function( i ){
        this.transform.baseVal.consolidate();
});

没有任何反应，如果我这样调用它:

$.each( svg.find( 'path' ), function( i ){
        this.transform.animVal.consolidate();
});

我收到这个错误:

那么，我应该如何使用“合并”方法，我应该在哪些元素上调用它？

问候语 菲利普

Answer 1

这是一个带有一些 javascript 库代码(部分基于 Raphael.js)的 jsFiddle，用于将转换烘焙到所有路径的数据中:

http://jsfiddle.net/ecmanaut/2Wez8/

(不过，不确定 Opera 有什么问题；它通常是同类中最好的 SVG。我可能在某些方面遇到了其他浏览器更宽容的问题。)