Update app.py
Browse files
app.py
CHANGED
|
@@ -36,17 +36,18 @@ def transform_image(image, contrast, brightness, blur):
|
|
| 36 |
|
| 37 |
def generate_comparison_html(original_base64, transformed_base64):
|
| 38 |
"""
|
| 39 |
-
|
|
|
|
| 40 |
"""
|
| 41 |
html = f"""
|
| 42 |
<div style="position: relative; width: 100%; max-width: 600px; margin: auto;">
|
| 43 |
-
<img src="data:image/jpeg;base64,{
|
| 44 |
<div id="overlay" style="position: absolute; top:0; left:0; width:50%; overflow: hidden;">
|
| 45 |
-
<img src="data:image/jpeg;base64,{
|
| 46 |
</div>
|
| 47 |
<input type="range" min="0" max="100" value="50" oninput="document.getElementById('overlay').style.width = this.value + '%';" style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 80%;">
|
| 48 |
<div style="text-align: center; margin-top: 10px;">
|
| 49 |
-
<span>๋ณํ
|
| 50 |
</div>
|
| 51 |
</div>
|
| 52 |
"""
|
|
@@ -56,6 +57,9 @@ def process_image(image, contrast, brightness, blur):
|
|
| 56 |
"""
|
| 57 |
์ฌ์ฉ์๊ฐ ์
๋ก๋ํ ์ด๋ฏธ์ง๋ฅผ ๋ณํํ๊ณ , ๋น๊ต ์ฌ๋ผ์ด๋์ ๋ค์ด๋ก๋ ๋งํฌ๋ฅผ ์์ฑํฉ๋๋ค.
|
| 58 |
"""
|
|
|
|
|
|
|
|
|
|
| 59 |
# ์ด๋ฏธ์ง ๋ณํ
|
| 60 |
transformed = transform_image(image, contrast, brightness, blur)
|
| 61 |
|
|
|
|
| 36 |
|
| 37 |
def generate_comparison_html(original_base64, transformed_base64):
|
| 38 |
"""
|
| 39 |
+
๋ณํ๋ ์ด๋ฏธ์ง์ ์๋ณธ ์ด๋ฏธ์ง๋ฅผ ๋น๊ตํ ์ ์๋ ์ฌ๋ผ์ด๋ HTML์ ์์ฑํฉ๋๋ค.
|
| 40 |
+
๋ณํ๋ ์ด๋ฏธ์ง๋ฅผ ๊ธฐ์ค์ผ๋ก ์ฌ๋ผ์ด๋๋ฅผ ์์ง์ฌ ์๋ณธ ์ด๋ฏธ์ง๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
|
| 41 |
"""
|
| 42 |
html = f"""
|
| 43 |
<div style="position: relative; width: 100%; max-width: 600px; margin: auto;">
|
| 44 |
+
<img src="data:image/jpeg;base64,{transformed_base64}" style="width: 100%;">
|
| 45 |
<div id="overlay" style="position: absolute; top:0; left:0; width:50%; overflow: hidden;">
|
| 46 |
+
<img src="data:image/jpeg;base64,{original_base64}" style="width: 100%;">
|
| 47 |
</div>
|
| 48 |
<input type="range" min="0" max="100" value="50" oninput="document.getElementById('overlay').style.width = this.value + '%';" style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 80%;">
|
| 49 |
<div style="text-align: center; margin-top: 10px;">
|
| 50 |
+
<span>๋ณํ ํ</span> <span style="float: right;">๋ณํ ์ </span>
|
| 51 |
</div>
|
| 52 |
</div>
|
| 53 |
"""
|
|
|
|
| 57 |
"""
|
| 58 |
์ฌ์ฉ์๊ฐ ์
๋ก๋ํ ์ด๋ฏธ์ง๋ฅผ ๋ณํํ๊ณ , ๋น๊ต ์ฌ๋ผ์ด๋์ ๋ค์ด๋ก๋ ๋งํฌ๋ฅผ ์์ฑํฉ๋๋ค.
|
| 59 |
"""
|
| 60 |
+
if image is None:
|
| 61 |
+
return "์ด๋ฏธ์ง๊ฐ ์
๋ก๋๋์ง ์์์ต๋๋ค.", None
|
| 62 |
+
|
| 63 |
# ์ด๋ฏธ์ง ๋ณํ
|
| 64 |
transformed = transform_image(image, contrast, brightness, blur)
|
| 65 |
|