光标样式生成器

如何使用

1. 只需要标准指针时，从内置列表里选一个关键字，比如 crosshair 或 grab。
2. 想用图片时，在自定义图片光标处加载一张小图。图片经 FileReader 读成 data URL 内嵌进规则，不离开你的设备。
3. 用像素设置热点 X 与 Y。热点是图片里真正执行点击的那个点，0 0 表示左上角。
4. 从列表里选一个回退关键字。图片加载失败时引擎会退回它，页面永远不缺指针。
5. 把鼠标移到预览框里试用，满意后复制 CSS。产物就是一条 cursor: 声明。

常见用途

• 画布与编辑器类工具 —— 画笔、橡皮擦图片让当前工具一眼可辨。
• 拖拽手柄与滑块 —— grab 与 grabbing 让可拖元素更有实感。
• 游戏与创意站点 —— 主题指针平添个性，又不影响布局。
• 设计系统 —— 每种交互落一条光标规则，回退关键字写老实。

为何保证隐私

图片在页面内被转成 data URL，直接写进生成的 CSS。没有上传接口、没有服务端请求、没有存储，未发布的美工稿留在你的机器里。

常见问题

问：图片可以多大？ 答：工具拒绝大于 512 KB 的文件，且多数浏览器会缩放或忽略超过 128 x 128 px 的光标图。导出 32 px 或 64 px 的小 PNG/ICO 最清晰。

问：热点到底是做什么的？ 答：它标记图片里哪个像素算点击点。32 px 的准星图填 16 16，中心就对准目标；填 0 0 则左上角成为点击点。

问：为什么规则末尾总有关键字？ 答：末尾关键字是回退值。图片加载失败、超出引擎尺寸或还在解码时，浏览器会显示它，而不是干脆没有指针。

问：支持 SVG 吗？ 答：新版 Chrome、Edge、Firefox 接受 SVG 光标；Safari 历来更偏好位图格式。回退关键字覆盖了忽略图片的引擎。