Анимация масштабирования бумаги Рафаэля

Мне удалось кое-что сделать, чтобы увеличить рафаэльский документ, так как setviewbox не работал у меня, вот функция, которую я написал:

function setCTM(element, matrix) {
    var s = "matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.e + "," + matrix.f + ")";

    element.setAttribute("transform", s);
}

Raphael.fn.zoomAndMove = function(coordx,coordy,zoom) {

    var svg = document.getElementsByTagName("svg")[0];

    var z = zoom;

    var g = document.getElementById("viewport1");
    var p = svg.createSVGPoint();

    p.x = coordx; 
    p.y = coordy;

    p = p.matrixTransform(g.getCTM().inverse());

    var k = svg.createSVGMatrix().scale(z).translate(-p.x, -p.y);
    setCTM(g, g.getCTM().multiply(k));
} 

где элемент viewport1 был определен как:

var gelem = document.createElementNS('http://www.w3.org/2000/svg', 'g');
gelem.id = 'viewport1';

paper.canvas.appendChild(gelem);
paper.canvas = gelem;

Затем я могу вызвать: paper.zoomAndMove (minx, miny, zoomRatio);

Можно ли преобразовать функцию для плавного увеличения?

10
задан chrki 25 December 2016 в 10:13
поделиться