Update index.html

index.html

@@ -120,16 +120,11 @@ <h1>Example Twibbon</h1>
 
 // combine image
 function gen() {
-// let baseIMG = document.getElementById("avatar");
-// let overlayIMG = document.getElementById("frame");
-// let canvas = document.getElementById("result");
-// let context = canvas.getContext("2d");
-
-var baseIMG = document.getElementById("avatar"),
-    overlayIMG = document.getElementById("frame"),
-    canvas = document.getElementById("result"),
-//    context = canvas.getContext("2d");
-    imagePosition;
+let baseIMG = document.getElementById("avatar");
+let overlayIMG = document.getElementById("frame");
+let canvas = document.getElementById("result");
+let context = canvas.getContext("2d");
+              imagePosition;
 
 // canvas.width = 1024;
 // canvas.height = 1024;
@@ -140,9 +135,7 @@ <h1>Example Twibbon</h1>
 
 bImage.style.backgroundImage = 'url(' + image.src + ')';
 imagePosition = canvasImageCoverPosition(baseIMG.naturalWidth, baseIMG.naturalHeight , canvas2.width, canvas2.height);
-
-// canvas1.getContext('2d').drawImage(image, 0, 0, image.naturalWidth, image.naturalHeight);
-canvas.getContext('2d').drawImage(baseIMG, imagePosition.offsetLeft, imagePosition.offsetTop, imagePosition.width, imagePosition.height);
+context.drawImage(baseIMG, imagePosition.offsetLeft, imagePosition.offsetTop, imagePosition.width, imagePosition.height);
 
 // Download
 function dlPNG() {