Snap.svg

Question

如何变换Element Absolute变换
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 !

Answer 1

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

所以如果你想绝对变换，只要给它任何变换，就像你的例子一样。如果您想要相对转换，则需要自己跟踪并构建转换字符串，或者检查已经存在的转换并使用它向其添加转换。

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

Snap.svg - Absolute Transforms Not Working

javascript

svg