Matrix.translate(x, y)
偏移矩阵。
参数
x
数值。表示x方向偏移距离。y
数值。表示y方向偏移距离。
使用
<svg id="svg" width="100" height="100"></svg>
<input id="button" type="button" value="点击右下偏移10像素">
var svg = Snap("#svg");
var c = svg.paper.rect(20, 20, 60, 60, 10).attr({
fill: "#f00" // 红色
});
document.getElementById("button").onclick = function() {
var m = new Snap.Matrix();
m.translate(10, 10);
// 旋转
c.transform(m);
};