From c08b00b7bc10d80f1329177a8bb49a1ff5bfe0d6 Mon Sep 17 00:00:00 2001 From: "kam (from the studio)" Date: Tue, 2 Nov 2021 19:06:57 +0100 Subject: [PATCH] img wip --- index.html | 7 ++++++- script.js => labels.js | 2 +- picture.js | 10 ++++++++++ style.css | 7 +++++++ 4 files changed, 24 insertions(+), 2 deletions(-) rename script.js => labels.js (100%) create mode 100644 picture.js diff --git a/index.html b/index.html index acedb5e..eddea3f 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,17 @@ - + + Concrete Label
+
+ + +
diff --git a/script.js b/labels.js similarity index 100% rename from script.js rename to labels.js index ba8d5e0..a230ad9 100644 --- a/script.js +++ b/labels.js @@ -119,8 +119,8 @@ function drawLabel() { // Cancel button cancel.addEventListener("click", (e) => { e.preventDefault(); - reject("no input"); textForm.classList.remove("visible"); + reject("no input"); }); }).then(() => { // Create the label diff --git a/picture.js b/picture.js new file mode 100644 index 0000000..5c921a1 --- /dev/null +++ b/picture.js @@ -0,0 +1,10 @@ +document.querySelector('input[type="file"]').addEventListener("change", function () { + if (this.files && this.files[0]) { + var img = document.querySelector("img"); + img.onload = () => { + URL.revokeObjectURL(img.src); // no longer needed, free memory + }; + + img.src = URL.createObjectURL(this.files[0]); // set src to blob url + } +}); diff --git a/style.css b/style.css index d6fbbf1..171720c 100644 --- a/style.css +++ b/style.css @@ -112,3 +112,10 @@ body { border: none; cursor: pointer; } + +.background-image { + position: absolute; + left: 50%; + top: 50%; + transform: translate(50%, 50%); +}