css - Tweenlite 将转换添加到样式而不是自定义属性

Question

我在 tweenlite 和可拖动库中使用缩放、旋转和移动图像。

TweenLite.to(image, 0, {rotation: value, transformOrigin:"50% 50%"});
TweenLite.to(image, 0, {scaleX: value, scaleY: value, transformOrigin:"50% 50%"});
Draggable.create(image, {type: "x,y", throwProps: true, zIndexBoost: false,
      force3D: false});

它有效。问题是当我导出 svg 时，这个 svg 在任何地方都不起作用。库将转换添加到样式属性:

 style="overflow: visible; cursor: move; touch-action: none; -webkit-user-  
select: none; transform: matrix(0.08244, 0, 0, 0.08244, 111, 17);"

如何在保存 svg 时完全清除此样式属性并将转换添加为单独的属性:

transform="matrix(0.08244 0 0 0.08244 111 17)"

据我所知，库中有一些设置可以使用 attr 而不是样式，但找不到使用 attr 的方法。

Answer 1

这是一个描述解决方案的链接...

http://greensock.com/forums/topic/10684-apply-transforms-with-transform-attr-instead-of-inline-style-on-svg/