summaryrefslogtreecommitdiff
path: root/src/main.js
diff options
context:
space:
mode:
authorsanine <sanine.not@pm.me>2022-05-29 17:11:48 -0500
committersanine <sanine.not@pm.me>2022-05-29 17:11:48 -0500
commitbc6f5873f17ae10f42f87825ac64b136cfee3d72 (patch)
treef433186af60125c45ba63f545a556afc48c24e23 /src/main.js
parent62ccd5f48cd1f49effaa76ef01eb45072a0a42df (diff)
add zooming and panning
Diffstat (limited to 'src/main.js')
-rw-r--r--src/main.js17
1 files changed, 12 insertions, 5 deletions
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();
};