Updates?

2024-09-15 20:15:11 -06:00
parent a8d3afd2a8
commit de9c6e6e92
11 changed files with 394 additions and 467 deletions
@@ -10,8 +10,14 @@ export class PlaySpace {
        const container = $(".container");
        this.canvas = new fabric.Canvas("play_space");
        this.canvas.selection = false;
-        this.canvas.setHeight(container.height()).setWidth(container.width());
        this.model = model;
+
+        const maxContainer = Math.max(container.innerHeight(), container.innerWidth()) - 20;
+        const maxModel = Math.max(model.height, model.width);
+        const ratio = maxContainer / maxModel;
+
+        this.canvas.setHeight(ratio * model.height).setWidth(ratio * model.width);
+
        this.selectSet();

        $(".set-link").on("click", event => {