_{Snap.svg demo之}Matrix.translate()

Matrix.translate(x, y)

偏移矩阵。

参数

• x 数值。表示x方向偏移距离。
• y 数值。表示y方向偏移距离。

使用

<svg id="svg" width="100" height="100"></svg>

<input id="button" type="button" class="zhxx_api_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);
};

效果

首次旋转后HTML