Snap.svg - 绝对变换不起作用

【问题标题】：Snap.svg - Absolute Transforms Not WorkingSnap.svg - 绝对变换不起作用
【发布时间】：2016-05-31 19:51:01
【问题描述】：

如何转换元素绝对转换
this bug 仍然没有修复，我想！
HTML :

<svg id="svgout" width="600" height="600" viewBox="0 0 800 800"></svg>

JS:

var paper = Snap("#svgout"); 

var r = paper.rect(200,200,100,100,20,20).
r.attr({ stroke: '#123456', 'strokeWidth': 20, fill: 'red', 'opacity': 0.3 });

rclone = r.clone();

rclone.transform( 'T-100,0'); // 'T' not work !

this demo

rclone.transform( 'T-100,0'); // 'T' not work !

【问题讨论】：

标签： javascript svg snap.svg

【解决方案1】：

我想您会发现绝对变换有效，但是，Snap 不再区分相对变换和绝对变换。与拉斐尔不同，“T”和“t”之间没有区别。你的例子对我来说是一个绝对的转换。

因此，如果您想进行绝对变换，只需给它任何变换，就像在您的示例中一样。如果你想要一个相对变换，你需要自己跟踪并构建变换字符串，或者检查已经存在的变换并使用它来添加一个变换。

【讨论】：