bowong
/
bw-mini-app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
图生图 风格转换
30 Commits 5 Branches 2 Tags 3.1 MiB
TypeScript 89.3%
CSS 9.7%
JavaScript 0.7%
HTML 0.3%
Go to file
杨明明 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
.husky feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
config feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
src fix: 修复拖拽时图片缩放变形问题，保证图片尺寸不变形 2025-09-03 17:49:32 +08:00
tests feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
types feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.editorconfig feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.env.development feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
.env.production feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
.env.test feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
.eslintrc feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.gitignore feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
CLAUDE.md feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
DESIGN_PREVIEW.md feat: 实现可拖拽分割线功能，支持动态调整对比比例 2025-09-03 17:41:35 +08:00
TODO.md feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
babel.config.js feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
commitlint.config.mjs feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
jest.config.js feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
mini-app.md feat: 添加图标 2025-09-03 15:57:27 +08:00
package.json feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
pnpm-lock.yaml feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
postcss.config.js feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
project.config.json feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
project.private.config.json feat: 平台适配优化和代码重构 2025-09-02 17:40:45 +08:00
project.tt.json fix: 需要个 配置文件 2025-09-02 17:21:08 +08:00
stylelint.config.mjs feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
tailwind.config.js feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
tsconfig.json feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00