CSB261 commited on
Commit
28e29a9
ยท
verified ยท
1 Parent(s): 40510cd

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +8 -4
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
- ์›๋ณธ ์ด๋ฏธ์ง€์™€ ๋ณ€ํ™˜๋œ ์ด๋ฏธ์ง€๋ฅผ ๋น„๊ตํ•  ์ˆ˜ ์žˆ๋Š” ์Šฌ๋ผ์ด๋” HTML์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.
 
40
  """
41
  html = f"""
42
  <div style="position: relative; width: 100%; max-width: 600px; margin: auto;">
43
- <img src="data:image/jpeg;base64,{original_base64}" style="width: 100%;">
44
  <div id="overlay" style="position: absolute; top:0; left:0; width:50%; overflow: hidden;">
45
- <img src="data:image/jpeg;base64,{transformed_base64}" style="width: 100%;">
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>๋ณ€ํ™˜ ์ „</span> <span style="float: right;">๋ณ€ํ™˜ ํ›„</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