javascript - 如何将矩阵变换应用于整个 svg 路径而不仅仅是一条路径？

Question

任何人都知道为什么当我使用下面的代码将矩阵应用于 svg 的整个路径时，会出现一些问题，例如在 settimeout 函数完成时 svg 被剪切或跳转？ :

  var matrix = g.transform().localMatrix;
  var mySet = g.selectAll('path');
  mySet.forEach( function( el ) {
  var newPathString = Snap.path.map( el, matrix ).toString();
  el.attr({ d: newPathString });
  } );

 var svg = g.select('svg');
 var newObj = svg.clone();
 s.g( newObj );
 g.remove();
 setTimeout(function(){alert(newObj.toString())},8000); 

 }, 7000 );
 } );

编辑:我想要实现的是获取 svg 的路径标记并对其应用矩阵变换。

Answer 1

尝试将所有 path 标记插入到 g 标记中，并对该 g 标记应用转换。