From cdbd760f70b225592373eafd7b2a8b55052ec760 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Thu, 14 Jul 2022 19:52:23 -0700
Subject: [PATCH] better print guides

---
 print/black.png | Bin 0 -> 1671 bytes
 print/index.php |   2 +-
 print/print.js  |  37 +++++++++++++++++++++++++++++++++++--
 3 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 print/black.png

diff --git a/print/black.png b/print/black.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e2d0e5ad7781f2ee3e4c825a36948e849d3cf26
GIT binary patch
literal 1671
zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1|;Q0k90CHFg>gai6{w5ELSKf%1_J8NmVGR
zEJ#&It;kGcV5qqDc6wmZ9R;4Y`<AZ#4Js{13O6*)ytm-^`~I_4oAYkXO#5}A-88vb
zRI&5_VHM85$G;2id$>qRX40(ZlZuZ__0ozl{7?~>?r$i2e#bqzzumSm_6a>Kd*`g*
zssEpAx1D-K)VH@+<#OT+YgnsT;uurY(s*uZ6|oB0z1?!p`C)Ou=k}*-X1D&HRid_g
zuX?kDuOPovq4=Z<o1Z0<KCjy$JWu6>X{|xpm(V94_Pi92Q`y5=(VO?{Xzk6Xn#Uzy
zY+O@wIrFBc{q^?&FOyx5gs1(Bn0RvPBk{k-GVI*!!^4C5CTOpBwVhVf^I(UgpXIVt
zlf!EzZeQe@bzG`EAUoof*rT@TPCTaUs#zhK0rtP<mQ9(lWAnoFdkepA*(o7@FICB7
z^Th=2pe3En$N7qwjN`Xnn7I8+jmNVScR1$xaIhU)uX~3#K3Bi-*o@nAG=41=ef4N(
zcEB+e^Z6f`1f;x!ZNDrnDEnCFyMd{x>cpFfgx=edNx@a`bS*8suP|H}Isd+O&02;D
z96LpiPH1pAqvADlk)gC;Ny&$mE9R(vWMf+5xO1VGpOR$3ob<dihE_F^KTRH2Fmg=Q
zVKZ^nN?5u?^Ko@?&O)gWla*Ov!Pgg=dizBdpPTmFGSpXRW|W!n_N1#vC$CO7FV~Ob
z7C&gXY~honqu!cZl`?%rH){RS=8?|dwA6R|o}162Z@%h#yLox+_dU1YRo~2htj6o^
zkg+rJb6C{dD;uX)y}DJr{oUR#RvWIj^_Y}ANj&T>`E}8@75jpAPyTIe8g=CdgX!Nl
zp1f(B-8p6*@AOMkIM(TKM~yKjW8RrX!Cp2eebY8>U=d6WSt;zd*pr7PSpAx#_-^%`
z_lvj#zUS}!nEvFD%Xj?~t)1_fcgF9mby|D%@s6p?7yfW9)b#T>_?*4{-PFD3?t90-
zIvlRPk9jW={5!vq?O%n)kMdXQ<sK71&N+T54w&#8Go76Sii6yp6g*v>%?vHg%yf<P
z41o!KPU*z++Ae`2$L-TPBm&(cBlfgRoxfPkOiXz{SGVD*^=D_B@4vF=W7T`lO`+R@
zr`-6l^?`oE>NQi9f;Mg1pl0^MGT-g2N^#!vdFTJ$tM>aok9(d+)aA9G<SrO*la%At
z++6(G>#6b69~npdx37vk_T-C4%cO6G?lYzHt?ouGJ^we`bmNYtj*(M8EJ&NN?Zb=@
zM^@$T*rWUAdQg_nkB}XQr*L!K-&JLDUSCiB^Pi`iBsuvTm&ZkTiWP3@*g9n;_vzD_
zS1)VddS82I`j1C5XJ&TlJ~|uGBB|PP$l@@M;F9T#Gn-3<7I=qEIr0AFQ~!-RJ7=9?
z%buY#QKi+leT8<At)8J`RgBv#)9wH3e`l%wV*2@NpFoI><+*6-ki3KC*9z_UWuO1%
z*wbGyQS*tuyu<(9FK#wn+r?ihT~HQzVUcygK2Bf$wyaf_C$-;ssyz70lJ$JSL#b8b
zpKO2Mef~pE>Gh}3@D01!-xlr5`^a8mnEocm+wd2j$k3QL8X5G9j5SC92m@;awj^(N
z7l!{JxM1({$v_d#0*}aI28I|n5M~sa;_L_%WH0gbb!C6TA}lDX@LXt-98ieY)5S4_
h<9c#JLc$Mz21XV}h9wWy0P_?BgQu&X%Q~loCIE~Q6FmR`

literal 0
HcmV?d00001

diff --git a/print/index.php b/print/index.php
index ab7b6a79..cdb2c51a 100644
--- a/print/index.php
+++ b/print/index.php
@@ -30,7 +30,7 @@ include('../globalHTML/header-1.php');
             <input type='number' id='cardMargin' class='input margin-bottom' value='30' min='0' onchange='setMarginSize(this.value);'>
             <h5 class='margin-bottom padding input-description'>Set PPI (pixels per inch)</h5>
             <input type='number' id='cardPPI' class='input margin-bottom' value='600' min='1' max='2400' onchange='setPPI(this.value);'>
-            <h5 class='margin-bottom padding input-description'>Include cutting aids (colored marks to help guide cuts)</h5>
+            <h5 class='margin-bottom padding input-description'>Include cutting aids (colored marks to help guide cuts; may not be visible in preview)</h5>
             <label class='checkbox-container input margin-bottom'>Cutting aids
                 <input id='cuttingAidsCheckbox' type='checkbox' onchange='setCuttingAids(this.checked);'>
                 <span class='checkmark'></span>
diff --git a/print/print.js b/print/print.js
index a6e39311..3bdcee67 100644
--- a/print/print.js
+++ b/print/print.js
@@ -1,6 +1,9 @@
 //Configure sizes
 var ppi = 600;
 var page = [8.5, 11];
+//Constants
+const aidWidth = 2;
+const aidOffset = aidWidth / 2;
 //card size
 var cardWidth = parseInt(document.querySelector("#cardWidth").value);
 var cardHeight = parseInt(document.querySelector("#cardHeight").value);
@@ -22,6 +25,8 @@ drawSheet();
 //svgs
 var cuttingGuides = new Image();
 cuttingGuides.src = 'cuttingGuides.svg';
+var blackPixel = new Image();
+blackPixel.src = 'black.png';
 
 function uploadCard(card, filename) {
     var img = new Image();
@@ -50,8 +55,22 @@ function drawSheetReal() {
     //Calc page margins
     const pageMarginX = Math.floor((page[0] * ppi - cardsX * cw) / 2);
     const pageMarginY = Math.floor((page[1] * ppi - cardsY * ch) / 2);
-    //Iterate through every viable space and draw the card there
+    //Draw cutting guides that cover the page
     var count = 0;
+    if (useCuttingAids) {
+        for (var i = 0; i < cardsX; i++) {
+            var x = pageMarginX + i * cw + Math.floor(cardMarginX / 2) + cardPaddingX - aidOffset;
+            context.fillRect(x,  0, aidWidth, page[1] * ppi);
+            context.fillRect(x + cardWidth, 0, aidWidth, page[1] * ppi);
+        }
+        for (var j = 0; j < cardsY; j++) {
+            var y = pageMarginY + j * ch + Math.floor(cardMarginY / 2) + cardPaddingY - aidOffset;
+            context.fillRect(0, y, page[0] * ppi, aidWidth);
+            context.fillRect(0, y + cardHeight, page[0] * ppi, aidWidth);
+        }
+    }
+    //Iterate through every viable space and draw the card there
+    count = 0;
     for (var i = imageList.length - 1; i >= 0 && count < cardsX * cardsY; i--) {
         if (imageList[i].width > 1) {
             try {
@@ -113,8 +132,22 @@ function downloadPDF() {
     //Calc page margins
     const pageMarginX = Math.floor((page[0] * ppi - cardsX * cw) / 2);
     const pageMarginY = Math.floor((page[1] * ppi - cardsY * ch) / 2);
-    //Iterate through every viable space and draw the card there
+    //Draw cutting guides that cover the page
     var count = 0;
+    if (useCuttingAids) {
+        for (var i = 0; i < cardsX; i++) {
+            var x = pageMarginX + i * cw + Math.floor(cardMarginX / 2) + cardPaddingX - aidOffset;
+            doc.addImage(blackPixel, "PNG", x / ppi, 0, aidWidth / ppi, page[1]);
+            doc.addImage(blackPixel, "PNG", (x + cardWidth) / ppi, 0, aidWidth / ppi, page[1]);
+        }
+        for (var j = 0; j < cardsY; j++) {
+            var y = pageMarginY + j * ch + Math.floor(cardMarginY / 2) + cardPaddingY - aidOffset;
+            doc.addImage(blackPixel, "PNG", 0, y / ppi, page[0], aidWidth / ppi);
+            doc.addImage(blackPixel, "PNG", 0, (y + cardHeight) / ppi, page[0], aidWidth / ppi);
+        }
+    }
+    //Iterate through every viable space and draw the card there
+    count = 0;
     for (var i = imageList.length - 1; i >= 0 && count < cardsX * cardsY; i--) {
         if (imageList[i].width > 1) {
             try {