Spaces:
Running
Running
File size: 621 Bytes
3f5af45 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
const board = document.getElementById("board");
const parent = board.parentElement;
let transforms = { x: 0, y: 0, scale: 1 };
const panzoom = Panzoom(board, {
startScale: transforms.scale,
startX: transforms.x,
startY: transforms.y,
canvas: true,
});
parent.addEventListener("wheel", panzoom.zoomWithWheel);
// No function bind needed
// This demo binds to shift + wheel
parent.addEventListener("wheel", function (event) {
if (!event.shiftKey) return;
panzoom.zoomWithWheel(event);
});
board.addEventListener("panzoomchange", (event) => {
transforms = event.detail; // => { x: 0, y: 0, scale: 1 }
});
|