From bc69d6dee4d1bc74e882b4fc5017c1d1b2aa1c61 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Sun, 26 Jun 2022 10:32:37 -0700
Subject: [PATCH] rounding corners

---
 creator/index.php | 5 +++++
 js/creator-23.js  | 9 ++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/creator/index.php b/creator/index.php
index 2b930c98..d1be4f92 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -185,6 +185,11 @@ include('../globalHTML/header-1.php');
 							</div>
 						</div>
 						<div class='readable-background padding'>
+							<h5 class='input-description margin-bottom'>Rounded Corners (When Downloaded)</h5>
+							<label class='checkbox-container input margin-bottom'>Rounded Corners
+								<input id='rounded-corners' checked="true" type='checkbox' onchange='setRoundedCorners(this.checked);'>
+								<span class='checkmark'></span>
+							</label>
 							<h5 class='input-description margin-bottom'>Show guidelines for text, art, watermark, and set symbols</h5>
 							<label class='checkbox-container input margin-bottom'>Guidelines
 								<input id='show-guidelines' type='checkbox' onchange='drawCard();'>
diff --git a/js/creator-23.js b/js/creator-23.js
index 556c1d19..86cd687d 100644
--- a/js/creator-23.js
+++ b/js/creator-23.js
@@ -1783,7 +1783,7 @@ function drawCard() {
 	cardContext.drawImage(bottomInfoCanvas, 0, 0, cardCanvas.width, cardCanvas.height);
 	// cutout the corners
 	cardContext.globalCompositeOperation = 'destination-out';
-	if (card.marginX == 0 && card.marginY == 0) {
+	if (!card.noCorners && (card.marginX == 0 && card.marginY == 0)) {
 		cardContext.drawImage(corner, 0, 0, scaleWidth(59/1500), scaleWidth(59/1500));
 		cardContext.rotate(Math.PI / 2);
 		cardContext.drawImage(corner, 0, -card.width, scaleWidth(59/1500), scaleWidth(59/1500));
@@ -2027,6 +2027,7 @@ async function loadCard(selectedCardKey) {
 		// document.querySelector('#watermark-left').value = card.watermarkLeft;
 		// document.querySelector('#watermark-right').value = card.watermarkRight;
 		document.querySelector('#watermark-opacity').value = card.watermarkOpacity * 100;
+		document.getElementById("rounded-corners").checked = !card.noCorners;
 		uploadWatermark(card.watermarkSource);
 		card.frames.reverse();
 		await card.frames.forEach(item => addFrame([], item));
@@ -2172,6 +2173,12 @@ function toggleCardBackgroundColor(highlight) {
 		previewCanvas.style["background-color"] = "#0000";
 	}
 }
+//Rounded Corners
+function setRoundedCorners(value) {
+	card.noCorners = !value;
+	console.log(card.noCorners);
+	drawCard();
+}
 //Various loaders
 function imageURL(url, destination, otherParams) {
 	var imageurl = url;