From 941027fc42d86f17e0133c4ad3646c6e97bf88a2 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Fri, 17 Mar 2023 14:16:41 +0900
Subject: [PATCH] =?UTF-8?q?feat=20:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=ED=8E=B8?=
 =?UTF-8?q?=EC=A7=91=EA=B8=B0=20=EA=B8=B0=EB=88=99=20=EC=B6=94=EA=B0=80(?=
 =?UTF-8?q?=EB=B0=9D=EA=B8=B0=EC=A1=B0=EC=A0=88)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cmm/file/cmmPaintwebImageEditorPopup.jsp  | 78 ++++++++++++++++++-
 .../paintweb/interfaces/default/layout.xhtml  |  8 ++
 .../paintweb/interfaces/default/style.css     |  7 ++
 3 files changed, 91 insertions(+), 2 deletions(-)
diff --git a/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/file/cmmPaintwebImageEditorPopup.jsp b/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/file/cmmPaintwebImageEditorPopup.jsp
index 4440187e..d6fddd96 100644
--- a/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/file/cmmPaintwebImageEditorPopup.jsp
+++ b/src/main/webapp/WEB-INF/jsp/framework/biz/cmm/file/cmmPaintwebImageEditorPopup.jsp
@@ -15,10 +15,11 @@
 </head>
 <body>
     <img id="editableImage"/>
-
+    <canvas id="orgnCanvas"></canvas>
     <div id="PaintWebTarget"></div>
-
 <script type="text/javascript">
+
+    let brightnessSliderValue = 0;
     //FIXME: pw instance 변수명 변경시 paintweb.js의 imageSaveTo() 내의 2564 line if(pw.image.modified) 변경 필요
     var pw;
     //FIXME: srcImg 변수명 변경시 paintweb.js의 imageSaveTo() 내의 2669 line var url = srcImg.src; 변경 필요
@@ -94,6 +95,77 @@
         return true;
     }
 
+    function fn_brightnessFilter(step){
+
+        brightnessSliderValue += step;
+        if(brightnessSliderValue < -255){
+            brightnessSliderValue = -255;
+        } else if(brightnessSliderValue > 255){
+            brightnessSliderValue = 255;
+        }
+
+        // imageData를 가져온다.
+        let orgnCanvas = $('#orgnCanvas')[0];
+        let orgnCtx = orgnCanvas.getContext('2d');
+        let pixels = orgnCtx.getImageData(0,0, orgnCanvas.width, orgnCanvas.height);
+
+        // image processing
+        let filteredData = fn_brightnessCalc(pixels, brightnessSliderValue);
+
+        // Canvas에 다시 그린다.
+        let jobCanvas = $('canvas.paintweb_layerCanvas')[0];
+        let jobCtx = jobCanvas.getContext('2d');
+        jobCtx.putImageData(filteredData, 0 , 0);
+
+    }
+
+    function fn_brightnessCalc(pixels, sliderValue) {
+        let imgSource = pixels.data;
+
+        for(let i =0; i< imgSource.length; i+=4){
+            let tempR = imgSource[i];
+            let tempG = imgSource[i+1];
+            let tempB = imgSource[i+2];
+
+            tempR += sliderValue;
+            tempG += sliderValue;
+            tempB += sliderValue;
+
+            if(tempR < 0){
+                tempR = 0;
+            } else if(tempR > 255){
+                tempR = 255;
+            }
+
+            if(tempG < 0){
+                tempG = 0;
+            } else if(tempG > 255){
+                tempG = 255;
+            }
+
+            if(tempB < 0){
+                tempB = 0;
+            } else if(tempB > 255){
+                tempB = 255;
+            }
+
+            imgSource[i] = tempR;
+            imgSource[i+1] = tempG;
+            imgSource[i+2] = tempB;
+        }
+        return pixels;
+    }
+
+    function fn_saveOrgnData(){
+        let img = new Image();
+        img.src = $("#editableImage")[0].src;
+        $("#orgnCanvas")[0].width = $("#editableImage")[0].width;
+        $("#orgnCanvas")[0].height = $("#editableImage")[0].height;
+        let canvas = $("#orgnCanvas")[0];
+        let ctx = canvas.getContext('2d');
+        ctx.drawImage(img, 0, 0);
+    }
+
     $(document).ready(function () {
         srcImg = window.opener.document.getElementById('<c:out value="${imageTagId}"/>');
 
@@ -102,6 +174,8 @@
         editImg.onload = function () {
             initEditor();
             editImg.style.display = 'none';
+            fn_saveOrgnData();
+            $("#orgnCanvas")[0].style.display = 'none';
         }
     });
 
diff --git a/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/layout.xhtml b/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/layout.xhtml
index 97f5dcbc..1f2afa28 100644
--- a/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/layout.xhtml
+++ b/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/layout.xhtml
@@ -73,6 +73,14 @@
           </p>
         </li>
 
+        <li class="paintweb_bright">
+          <button type="button" class="btn gray" title="밝게" style="width: 100%;height: 100%"
+                  onclick="fn_brightnessFilter(20);">밝게</button>
+        </li>
+        <li class="paintweb_dark">
+          <button type="button" class="btn gray" title="어둡게" style="width: 100%;height: 100%"
+                  onclick="fn_brightnessFilter(-20);">어둡게</button>
+        </li>
 
       </ul>
 
diff --git a/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/style.css b/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/style.css
index f9667eb9..fa8a7074 100644
--- a/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/style.css
+++ b/src/main/webapp/resources/3rd-party/paintweb/interfaces/default/style.css
@@ -734,6 +734,13 @@
   width: 100%
 }
 
+.paintweb_bright {
+  min-width: 70px
+}
+.paintweb_dark {
+  min-width: 70px
+}
+
 .paintweb_strokeFillStyles {
   /*background: url("images/toolbar-colors.png") no-repeat;*/
   /*font-size: 0.9em;*/
