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

时间:2016-05-31 11:24:54

标签: javascript svg snap.svg

如何变换元素绝对变换
我认为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 !

1 个答案:

答案 0 :(得分:0)

我认为你会发现绝对变换是有效的,但是,Snap不再区分相对变换和绝对变换。与拉斐尔不同,'T'和't'没有区别。你的例子对我来说绝对变换很好。

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