Fabri c js Холст для перемещения фона с помощью мыши - PullRequest
0 голосов
/ 26 марта 2020

Я могу сделать холст панорамирование и масштабирование объектов. Мне нужно переместить фоновое изображение холста, когда я перемещаюсь с помощью мыши. Код CSS для установки фонового изображения для холста - -

.canvas-container {
        canvas#canvas {
          background: url(image/blue.png) no-repeat center;
          background-size: 100% 100%;                                         
        }
}

, а код, который я использовал для панорамирования с помощью мыши - -

canvas.on('mouse:up', function (e) {
    panning = false;
});
canvas.on('mouse:down', function (e) {
    if (canvas.getActiveObject() == null) {
        canvas.selection = false;
        panning = true;
    }
});
canvas.on('mouse:move', function (e) {
    if (canvas.getActiveObject() == null) {
        if (panning) {
            var units = 10;
            var delta = new fabric.Point(e.e.movementX, e.e.movementY);
            canvas.relativePan(delta);
        }
    }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...