jlocal/jingrow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix comparison image height calculation

Browse Source
This commit is contained in:
jingrow 2025-11-19 21:06:32 +08:00
parent 87e54ff9ec
commit ccf84eb031
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/jingrow/frontend/src/views/tools/RemoveBackground.vue
View File

@ -928,8 +928,11 @@ h1 {
.comparison-container { .comparison-container {
position: relative; position: relative;
display: inline-block; display: inline-block;
max-width: min(90vw, calc(100vh - 200px)); /* 固定尺寸，避免子元素高度计算错误 */
max-height: min(90vw, calc(100vh - 200px)); width: min(90vw, calc(100vh - 200px));
height: min(90vw, calc(100vh - 200px));
max-width: 100%;
max-height: 100%;
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;
border: 1px solid #e5e7eb; border: 1px solid #e5e7eb;
@ -963,10 +966,13 @@ h1 {
} }
.original-image { .original-image {
position: relative; /* 和 result-image 一样使用 absolute，确保填充 comparison-container */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; z-index: 1;
width: auto;
height: auto;
/* clip-path 通过内联样式动态设置，用于裁剪显示区域 */ /* clip-path 通过内联样式动态设置，用于裁剪显示区域 */
img { img {