bw-mini-app/src
杨明明 f4588a563e fix: 修复拖拽时图片缩放变形问题,保证图片尺寸不变形
� 问题修复:
- 解决拖拽分割线时图片会缩放变形的问题
- 确保图片始终保持原始比例,不会因容器宽度变化而变形
- 只改变图片的显示区域,而非图片本身的尺寸

� 技术实现:
- 使用CSS背景图片替代Image组件
- 通过backgroundSize动态计算保持图片原始比例
- 左侧:backgroundPosition: 'left center' 显示图片左侧部分
- 右侧:backgroundPosition: 'right center' 显示图片右侧部分
- 动态调整backgroundSize确保图片不变形

� 实现原理:
- 左半部分:backgroundSize = (100 / splitPosition) * 100%
- 右半部分:backgroundSize = (100 / (100 - splitPosition)) * 100%
- 通过数学计算确保图片在任何分割比例下都保持原始尺寸

 效果验证:
- 拖拽时图片不再缩放变形
- 保持图片原始宽高比
- 只显示对应区域的图片内容
- 提供更真实的before/after对比效果
2025-09-03 17:49:32 +08:00
..
actions feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
assets feat: 添加图标 2025-09-03 15:57:27 +08:00
components fix: 修复拖拽时图片缩放变形问题,保证图片尺寸不变形 2025-09-03 17:49:32 +08:00
config feat: 美化home页面,实现瀑布流布局展示模板对比效果 2025-09-03 17:20:55 +08:00
constants feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
hooks feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
pages feat: 美化home页面,实现瀑布流布局展示模板对比效果 2025-09-03 17:20:55 +08:00
platforms feat: 添加图标 2025-09-03 15:57:27 +08:00
reducers feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
sdk feat: 添加图像转视频功能 2025-09-02 18:25:01 +08:00
selectors feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
store feat: 修改Template结构与后端保持一致 2025-09-03 16:59:58 +08:00
app.config.ts feat: 添加图标 2025-09-03 15:57:27 +08:00
app.css feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
app.tsx feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
index.html feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00