Я могу сделать холст панорамирование и масштабирование объектов. Мне нужно переместить фоновое изображение холста, когда я перемещаюсь с помощью мыши. Код 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);
}
}
});