GiantPandas commited on
Commit
a773664
·
verified ·
1 Parent(s): c833fdb

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +16 -4
app.py CHANGED
@@ -283,12 +283,24 @@ def render_img(b64_list, idx, scale):
283
  return "<p style='color:gray'>请先上传图片</p>"
284
  idx %= len(b64_list)
285
  src = b64_list[idx]
 
 
 
 
 
 
 
 
 
 
 
 
 
286
  return (
287
  f'<div style="overflow:auto;border:1px solid #ccc;'
288
- f'display:flex;justify-content:center;align-items:center;' # ① 横纵向居中
289
- f'width:100%;height:800px;">' # ② 容器尺寸
290
- f'<img src="{src}" '
291
- f'style="transform:scale({scale});transform-origin:center center;" />' # ③ 以中心缩放
292
  f'</div>'
293
  )
294
 
 
283
  return "<p style='color:gray'>请先上传图片</p>"
284
  idx %= len(b64_list)
285
  src = b64_list[idx]
286
+ # return (
287
+ # f'<div style="overflow:auto;border:1px solid #ccc;'
288
+ # f'display:flex;justify-content:center;align-items:center;' # ① 横纵向居中
289
+ # f'width:100%;height:800px;">' # ② 容器尺寸
290
+ # f'<img src="{src}" '
291
+ # f'style="transform:scale({scale});transform-origin:center center;" />' # ③ 以中心缩放
292
+ # f'</div>'
293
+ # )
294
+
295
+
296
+ # 以百分比形式设置 width,height 自动等比
297
+ percent = scale * 100
298
+
299
  return (
300
  f'<div style="overflow:auto;border:1px solid #ccc;'
301
+ f'display:flex;justify-content:center;align-items:center;'
302
+ f'width:100%;height:800px;">'
303
+ f'<img src="{src}" style="width:{percent}%;height:auto;" />'
 
304
  f'</div>'
305
  )
306