Fabri cjs панорамирование и масштабирование на нескольких холстах - PullRequest
Новая
       31

Fabri cjs панорамирование и масштабирование на нескольких холстах

0 голосов
/ 28 апреля 2020

enter image description here

https://anvaka.github.io/panzoom/demo/index.html

Это то, чего я пытаюсь достичь, в div есть несколько холстов и я пытаюсь реализовать масштабирование и панорамирование на нескольких холстах.

Я не мог найти способ fabri c, но мне удалось воспроизвести то же самое с помощью библиотеки vue -pan-zoom, все еще любопытно узнать, как этого достичь, используя fabri cjs, чуть ниже скрипки, - вот чего я смог достичь до сих пор. 

canvas1.on('mouse:move', function (e) {
    if (panning && e && e.e) {
        var units = 10;
        var delta = new fabric.Point(e.e.movementX, e.e.movementY);
        canvas1.relativePan(delta);
    }
});

canvas2.on('mouse:move', function (e) {
    if (panning && e && e.e) {
        var units = 10;
        var delta = new fabric.Point(e.e.movementX, e.e.movementY);
        canvas1.relativePan(delta);
    }
});
$(function () {
    $('#zoomIn').click(function () {
        canvas1.setZoom(canvas1.getZoom() * 1.1);
        canvas2.setZoom(canvas2.getZoom() * 1.1);
    });

    $('#zoomOut').click(function () {
        canvas1.setZoom(canvas1.getZoom() / 1.1);
        canvas2.setZoom(canvas2.getZoom() / 1.1);
    });
});

Это то, что я пробовал до сих пор, я новичок в fabri cjs, любые предложения будут полезны

http://jsfiddle.net/37wkn20u/3/

...