3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-05 08:01:40 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix zoom performance and behaviour

Browse source
This commit is contained in:
Alejandro Alonso 2025-05-21 14:41:12 +02:00
parent ec29c4f5fe
commit 3597e5bb54
4 changed files with 60 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/resources/wasm-playground/js/lib.js
View file

@ -181,6 +181,18 @@ export function set_parent(id) {
Module._set_parent(...buffer);
}
function debounce(fn, delay) {
let timeout;
return (...args) => {
clearTimeout(timeout);
timeout = setTimeout(() => fn(...args), delay);
};
}
const debouncedRender = debounce(() => {
Module._render(Date.now());
}, 100);
export function setupInteraction(canvas) {
canvas.addEventListener("wheel", (e) => {
e.preventDefault();
@ -191,7 +203,8 @@ export function setupInteraction(canvas) {
offsetX -= (mouseX - offsetX) * (zoomFactor - 1);
offsetY -= (mouseY - offsetY) * (zoomFactor - 1);
Module._set_view(scale, offsetX, offsetY);
Module._render(Date.now());
Module._render_from_cache();
debouncedRender();
});
canvas.addEventListener("mousedown", (e) => {
@ -209,7 +222,8 @@ export function setupInteraction(canvas) {
lastX = e.offsetX;
lastY = e.offsetY;
Module._set_view(scale, offsetX, offsetY);
Module._render(Date.now());
Module._render_from_cache();
debouncedRender();
}
});