From 4d763809eff7607cb28e30b192c5ee0b5da0275a Mon Sep 17 00:00:00 2001
From: James Kinsman <1069212+VibroAxe@users.noreply.github.com>
Date: Thu, 30 Nov 2023 11:19:21 +0000
Subject: [PATCH] Update edit.js

Added a grid emphasis at 4:3 to assist with designing slides for older projection environments
---
 public/js/edit.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/public/js/edit.js b/public/js/edit.js
index 7df498a..8386063 100644
--- a/public/js/edit.js
+++ b/public/js/edit.js
@@ -536,8 +536,27 @@ function drawGrid() {
             opacity: 0.5,
             selectable: false,
             zIndex: -1
-        }))
+        }));
     }
+
+    // Add 4:3 grid highlight to assist on projectors which are "square"
+    canvas.add(new fabric.Line([240, 0, 240, 1080], {
+        stroke: '#ccc',
+        strokeDashArray: [w, w],
+        strokeWidth: 4,
+        opacity: 0.5,
+        selectable: false,
+        zIndex: -1
+    }));
+    canvas.add(new fabric.Line([1680 ,0, 1680, 1080], {
+        stroke: '#ccc',
+        strokeDashArray: [w, w],
+        strokeWidth: 4,
+        opacity: 0.5,
+        selectable: false,
+        zIndex: -1
+    }));
+
     canvas.renderAll();
 }