48f2f0b208
优化Pexels 背景图的搜索结果
2026-01-21 23:11:46 +08:00
fa9bde2d89
添加背景页面右边栏Pexels图片api每次获取80张每页，默认显示12张，点击更多继续加载12张
2026-01-21 23:06:04 +08:00
c777398bdc
优化添加背景页面右边栏的背景颜色弹窗样式
2026-01-21 22:31:59 +08:00
e544ec301e
优化添加背景页面右边栏清除背景后的状态
2026-01-21 22:23:27 +08:00
887f4efcb1
添加背景页面右边栏图片标签页更新为一行显示3张图片
2026-01-21 21:49:58 +08:00
9ca7b644cf
添加背景页面工具栏增加清除背景图标
2026-01-21 21:37:42 +08:00
4c17007f33
添加背景页面右边栏增加图片标签页，支持添加背景图片
2026-01-21 21:22:24 +08:00
42563f67a8
美化添加背景页面颜色选中悬浮激活后的效果反馈，去掉放大效果
2026-01-21 20:29:19 +08:00
e19e516fb0
优化添加背景页手机端右边栏
2026-01-21 20:24:50 +08:00
26e58b224d
优化添加背景页手机端色阶栏
2026-01-21 20:15:51 +08:00
630e441a97
重构添加背景页手机端右边栏布局
2026-01-21 19:59:21 +08:00
b0a213ce4a
优化添加背景页面手机端工具栏布局
2026-01-21 18:43:39 +08:00
879896bd8f
美化添加背景页面的缩略图删除图标
2026-01-21 18:35:58 +08:00
e863545074
常用颜色增加到36个
2026-01-21 18:07:18 +08:00
27b7d65e45
添加背景页面增加收藏背景色功能
2026-01-21 17:46:14 +08:00
951813a539
添加背景页面右边栏颜色选中风格与色阶栏保持一致
2026-01-21 16:50:32 +08:00
23dfa9278d
修复移动端布局问题
2026-01-21 16:48:52 +08:00
eb0a11b0ef
添加背景页面只有上传图片后才显示右边栏
2026-01-21 16:26:06 +08:00
cffe81c594
美化添加背景页面色阶栏及右边栏
2026-01-21 16:20:18 +08:00
73cad2900d
优化默认背景颜色计算逻辑
2026-01-21 16:08:05 +08:00
dc36b4c706
feat: 使用OKLCH颜色空间重构色阶生成逻辑
...
- 将HSL颜色模型替换为OKLCH，实现感知均匀的颜色过渡
- 基于提取的主色调浅色版本生成11个色阶，浅色居中显示
- 左侧5个更浅色阶，右侧5个更深色阶，亮度间隔±0.08
OKLCH优势：
- 感知上均匀的亮度过渡，避免视觉跳跃
- 保持色相(H)和色度(C)恒定，确保同色系
- 深色和浅色区域过渡更自然平滑
- 符合人眼对颜色差异的实际感知
色阶生成流程：
1. ColorThief提取图片主色调(RGB)
2. 转换为OKLCH，生成高亮度(L=0.92)浅色版本
3. 基于浅色背景生成11个感知均匀的色阶
4. 在页面标题栏中间显示，支持快速切换
技术实现：
- 实现完整的Hex ↔ OKLCH双向转换
- 转换路径：Hex → sRGB → 线性RGB → OKLab → OKLCH
- 更新rgbToLightPastel函数使用OKLCH生成浅色
2026-01-21 15:58:04 +08:00
ae7ed98808
feat: 优化添加背景页面颜色选择体验
...
- 标题栏中间显示11个色阶（当前色居中，左浅右深）
- 右侧栏顶部添加颜色选择器和输入框
- 右侧色调面板改为12个常用背景色（白色起始，由浅到深）
- 优化交互：点击即时应用，活动状态清晰标识
2026-01-21 15:47:04 +08:00
0f30876371
feat(add-background): use light tint of dominant color as default background
...
- Install colorthief library for color extraction
- Extract dominant color from foreground subject after background removal
- Convert dominant color to light pastel version (92% lightness, max 40% saturation)
- Maintain same hue for harmonious color coordination
- Fallback to white background if color extraction fails
2026-01-21 15:14:14 +08:00
aca21ce487
优化添加背景页面
2026-01-21 14:50:01 +08:00
803fd46e1e
重构添加背景页面
2026-01-21 14:08:27 +08:00
153f53926d
更新add_background上传图片后的文本提示
2026-01-21 12:29:45 +08:00
1e140aa967
add_background上传图片如果非透明背景自动取出背景
2026-01-21 00:20:57 +08:00
1130d42fd7
add_background页面增加右边栏显示当前背景色的统一色调颜色板
2026-01-20 23:25:58 +08:00
6243cb6413
添加背景页面切换缩略图时自动记住已经添加的背景颜色
2026-01-20 23:06:00 +08:00
cfc3e13b38
基于Fabric.js实现添加背景功能
2026-01-20 22:59:01 +08:00
