Update index.html

index.html

@@ -189,6 +189,11 @@
                         </label>
                         <input id="faceUpload" type="file" class="d-none">
                     </div>
+                    <div class="input-group">
+                        <label for="faceUpload">
+                            <button id="faceRemoveButton" type="button" class="btn btn-danger">Remove Icon</button>
+                        </label>
+                    </div>
                     <div class="input-group">
                         <button id="render" type="button" class="btn btn-success">Render</button>
                     </div>
@@ -301,8 +306,8 @@
                 }).then(canvas => {
                     result.textContent = "";
                     result.appendChild(canvas);
-                    let scale = Math.min.apply(null, [window.document.documentElement.clientWidth / width, window.document.documentElement.clientHeight / height, 1])
-                    canvas.style.transform = "scale(" + scale + ")";
+                    //let scale = Math.min.apply(null, [window.document.documentElement.clientWidth / width, window.document.documentElement.clientHeight / height, 1])
+                    //canvas.style.transform = "scale(" + scale + ")";
                 });
             }, 1);
         }
@@ -364,6 +369,15 @@
         document.getElementById("faceUploadButton").addEventListener("click", function () {
             document.getElementById("faceUpload").click();
         });
+
+        document.getElementById("faceRemoveButton").addEventListener("click", function () {
+            let face = document.getElementById("face");
+            face.removeAttribute("src");
+            document.getElementById("left").style.backgroundImage = "none";
+            setTimeout(function () {
+                createEditor();
+            }, 1);
+        });
         window.onresize = function () {
             createEditor();
         }