From 5c74232df0a6ca804dd3743a7399508b21f04c9e Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Thu, 22 Oct 2020 21:09:50 -0700
Subject: [PATCH] better svgs

---
 creator/index.html   |  2 +-
 data/scripts/main.js | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/creator/index.html b/creator/index.html
index cc103db5..dd0dfd8e 100644
--- a/creator/index.html
+++ b/creator/index.html
@@ -175,7 +175,7 @@
 					<div class="autoGrid">
 			            <input type="file" accept="image/*" onchange="uploadImage(event, watermark)" placeholder="Via File Upload">
 			            <input type="text" placeholder="Via URL" onchange="watermark.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
-			            <input type="text" placeholder="Via Set Code" onchange="watermark.src = 'https://cors-anywhere.herokuapp.com/http://gatherer.wizards.com/Handlers/Image.ashx?type=symbol&set=' + this.value + '&size=large'">
+			            <input type="text" placeholder="Via Set Code" onchange="cropSVG(this.value, watermark)">
 			            <select id="inputWatermarkPrimary" onchange="watermarkUpdated()">
 			                <option value="none">None</option>
 			                <option value="default">Default</option>
diff --git a/data/scripts/main.js b/data/scripts/main.js
index 855b72ed..f5661e7b 100644
--- a/data/scripts/main.js
+++ b/data/scripts/main.js
@@ -1103,6 +1103,25 @@ function artistNameUpdated(artistName) {
 	bottomInfoUpdated()
 }
 
+//svg cropper
+function cropSVG(set, targetImage) {
+	xhttp = new XMLHttpRequest()
+	xhttp.open('GET', 'https://raw.githubusercontent.com/andrewgioia/keyrune/4073ac89bb943978c29be504275e6f3160a07255/svg/' + set + '.svg', true)
+	xhttp.overrideMimeType('image/svg+xml')
+	xhttp.onload = function(event) {
+		if (this.readyState == 4 && this.status == 200) {
+		    var svg = document.body.appendChild(xhttp.responseXML.documentElement)
+		    var box = svg.getBBox(svg)
+			svg.setAttribute('viewBox', [box.x, box.y, box.width, box.height].join(' '))
+			svg.setAttribute('width', box.width)
+			svg.setAttribute('height', box.height)
+			targetImage.src = 'data:image/svg+xml,'+encodeURIComponent(svg.outerHTML)
+			svg.remove()
+		}
+	}
+	xhttp.send()
+}
+
 //Must run last:
 initialize()