From bc6f5873f17ae10f42f87825ac64b136cfee3d72 Mon Sep 17 00:00:00 2001 From: sanine Date: Sun, 29 May 2022 17:11:48 -0500 Subject: add zooming and panning --- src/main.js | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) (limited to 'src/main.js') diff --git a/src/main.js b/src/main.js index 40c3f83..5c9b085 100644 --- a/src/main.js +++ b/src/main.js @@ -6,15 +6,22 @@ window.onload = () => { const canvas = new Canvas('root'); const pos = canvas.mousePos; - canvas.onmousemove = () => canvas.draw(); + canvas.onMouseMove = () => canvas.draw(); - canvas.ondraw = ct => { - ct.fillRect(0, 0, 0.5, 0.5); + canvas.onDraw = ct => { + ct.fillStyle = '#f00'; + ct.fillRect(0, 0, 1/3, 1/3); + ct.fillStyle = '#0f0'; + ct.fillRect(2/3, 0, 1/3, 1/3); + ct.fillStyle = '#ff0'; + ct.fillRect(0, 2/3, 1/3, 1/3); + ct.fillStyle = '#00f'; + ct.fillRect(2/3, 2/3, 1/3, 1/3); ct.strokeStyle = '#fff'; - ct.lineWidth = 0.001; + ct.lineWidth = 1/(canvas.zoom * canvas.scale); ct.beginPath(); - ct.arc(pos.x, pos.y, 0.1, 0, 2*Math.PI); + ct.arc(pos.x, pos.y, 30 /(canvas.zoom * canvas.scale), 0, 2*Math.PI); ct.closePath(); ct.stroke(); }; -- cgit v1.2.1