Question

我使用tweenlite和draggable库来缩放，旋转和移动图像。

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/

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

1 个答案: