laoyang
338a35cacd
主题色改为完整色板：画布 342x200，加明度条，删除右侧预设圆点
用户：「还是不对呀，需要一个完整的色板，右侧那些默认颜色就不要了。」
两个改动：
1. 删掉右侧那排 12 个预设圆点（$presets 变量、CSS、JS 同步逻辑一并删）。
色板本身能取任意颜色，再摆一排样例是重复，还挤占横向空间。
2. 色板做成「完整」的：
面板 248×246 → 372×357
画布 226×150 → 342×200（太小拖着不好定位颜色）
新增明度条，底色随当前色相实时刷新 ——
否则永远是灰阶，用户看不出拖到那里会得到什么颜色
面板加标题「选择颜色」，按钮文案「确定」→「完成」
顺带简化光标定位：
原来 cursor 挂在 .cp 里，要靠两个 getBoundingClientRect 相减算偏移；
现在改挂到 .cp-sv-wrap（与 canvas 同级），坐标直接相对 canvas 算，
少一层偏移、少一个坑。
验证（浏览器实测）：
.color-preset 残留 0 个、.color-presets 容器 0 个
面板 372×357、画布 342×200，完整在视口内
色相 200° → 明度条背景 linear-gradient(#000, rgb(0,170,255))，确实跟着变
画布 80%/20% 处取色 → #2996cc，光标落在画布范围内
明度拖到 50% → #1a5e80（同色相压暗，符合预期）
手输 #2E7D5B → 隐藏字段 #2e7d5b，点完成关闭
4 个路由 200
2026-11-04 18:57:18 +08:00
..
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-11-04 18:57:18 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-09-28 20:34:37 +08:00
2026-11-04 18:57:18 +08:00
