diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 6999c11..e8e3345 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -70,6 +70,7 @@
Select the "paint" tool to draw on the canvas (you can also change the color and stroke
width)
+
Zoom with + and - or pinch on mobile
Send this website to your friends to draw together
diff --git a/src/routes/Draw.svelte b/src/routes/Draw.svelte
index e9ca7bd..97aa485 100644
--- a/src/routes/Draw.svelte
+++ b/src/routes/Draw.svelte
@@ -287,6 +287,12 @@
} else if (e.code === 'KeyD') {
scope?.view.translate(new paper.Point(-move, 0));
}
+
+ if (e.key === '-') {
+ onZoom(0.2, [window.innerWidth / 2, window.innerHeight / 2]);
+ } else if (e.key === '+') {
+ onZoom(-0.2, [window.innerWidth / 2, window.innerHeight / 2]);
+ }
});
const gesture = new PinchGesture(canvas, (e) => {