refactor: refactoring of demo scripts

studio-YOLO · Feb 23, 2024 · e05f0dc · e05f0dc
1 parent f6bbf1a
commit e05f0dc
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 54 deletions.
diff --git a/demo/scripts/black_white_demo.js b/demo/scripts/black_white_demo.js
@@ -2,7 +2,7 @@ import EditPix from "../../src/editpix.js";
 
 const editpix = new EditPix();
 
-const url = "../images/img1.jpg";
+const url = "images/img1.jpg";
 
 var image = new Image();
 image.src = url;

diff --git a/demo/scripts/color_palette_demo.js b/demo/scripts/color_palette_demo.js
@@ -2,7 +2,7 @@ import EditPix from "../../src/editpix.js";
 
 const editpix = new EditPix();
 
-const url = "../images/img1.jpg";
+const url = "images/img1.jpg";
 
 var image = new Image();
 image.src = url;
@@ -13,7 +13,7 @@ container.classList.add("container")
 //waiting image load
 image.onload = () => {
     //calculate color palette
-    editpix.getColorPalette(image, 15,9)
+    editpix.getColorPalette(image, 15, 1)
         .then(colorPalette => {
             //log color palette in rbg format
             displayPalette(colorPalette);

diff --git a/demo/scripts/dominant_color_demo.js b/demo/scripts/dominant_color_demo.js
@@ -2,7 +2,7 @@ import EditPix from "../../src/editpix.js";
 
 const editpix = new EditPix();
 
-const url = "../images/img1.jpg";
+const url = "images/img1.jpg";
 
 var image = new Image();
 image.src = url;

diff --git a/demo/scripts/gray_scale_demo.js b/demo/scripts/gray_scale_demo.js
@@ -2,7 +2,7 @@ import EditPix from "../../src/editpix.js";
 
 const editpix = new EditPix();
 
-const url = "../images/img1.jpg";
+const url = "images/img1.jpg";
 
 var image = new Image();
 image.src = url;

diff --git a/demo/scripts/resize_image_demo.js b/demo/scripts/resize_image_demo.js
@@ -2,7 +2,7 @@ import EditPix from "../../src/editpix.js";
 
 const editpix = new EditPix();
 
-const url = "../images/img3.jpeg";
+const url = "images/img3.jpeg";
 
 var image = new Image();
 image.src = url;
@@ -17,25 +17,30 @@ image.onload = () => {
     // image dimension before resizing
     console.log("Dimension before resizing: " + image.naturalWidth + "x" + image.naturalHeight);
 
+    document.body.appendChild(image)
+
     // resize image by quality
-    editpix.resizeByQuality(image, 10)
+    editpix.resizeByQuality(image, 8)
         .then(resizedImage => {
             // image dimension after resizing
             console.log("Dimension after resizing by 90%: " + resizedImage.naturalWidth + "x" + resizedImage.naturalHeight);
+            document.body.appendChild(resizedImage)
         })
         .catch(error => { console.log(error) })
 
     // resize image by width
     editpix.resizeByWidth(image, 100)
         .then(resizedImage => {
             console.log("Dimension after resizing width equals to 100px: " + resizedImage.naturalWidth + "x" + resizedImage.naturalHeight);
+            document.body.appendChild(resizedImage)
         })
         .catch(error => { console.log(error) })
 
     // resize image by width
     editpix.resizeByHeight(image, 100)
         .then(resizedImage => {
             console.log("Dimension after resizing height equals to 100px: " + resizedImage.naturalWidth + "x" + resizedImage.naturalHeight);
+            document.body.appendChild(resizedImage)
         })
         .catch(error => { console.log(error) })
 };
diff --git a/src/core/decript.js b/src/core/decript.js
diff --git a/src/core/encript.js b/src/core/encript.js