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) => {