📥 如何输入内容
你可以通过顶部标签切换输入方式："粘贴代码"、"上传SVG文件" 或 "上传图片"。
在手机上，点击上传区域即可从相册或文件管理器选择文件；支持从其他应用拖拽文件到浏览器（部分浏览器支持）。
💡 上传图片后会自动生成带"数量"文字的SVG气泡，并立即打开预览调整。
🎨 提取与替换颜色
点击 "🔍 提取所有颜色" 会列出代码中所有的十六进制颜色值。
勾选 你想要修改的颜色（可多选），在下方输入新颜色值（例如 #ff0000 或留空表示删除），然后点击 "⚡ 替换" 即可。
顶部工具栏支持 全选/取消全选 以及 复制颜色列表。
🎈 气泡预览与导出
点击 "🎈 气泡预览" 或格式转换按钮打开实时预览面板，你可以调整以下参数：
• 文字位置（X/Y坐标）和字号大小
• 字体颜色、字体名称、文本内容
• 描边粗细、描边颜色、描边透明度、填充颜色、填充透明度
• 画布背景颜色
调整满意后点击 "📋 导出气泡格式" 即可导出或复制最终的SVG代码。
💡 推荐使用 "📐 转为晋江格式" 快速生成居中文字的阅读量气泡，"☀️ 转为晴天格式" 可自动将颜色替换为变量。
📝 气泡预览参数填写说明
• X / Y 坐标：数值，定义文字在画面中的位置。
• 字体大小：数值，字号越大文字越大。
• 字体颜色：支持 #十六进制 颜色值（如 #ff0000），也可填写变量名（如 字 或 $fontcolor）。预览时若填非颜色值会自动使用黑色。
• 字体族：字体名称，如 Arial、Roboto Condensed，可填写多个作为备用。
• 字体粗细：
一、基础规则：支持纯数字，无单位，范围 100 ~ 900，只允许整百递增；禁止小数、非整百、加单位。
二、数字与关键字对照：100=thin(极细)、200=extra-light、300=light(细体)、400=normal(默认常规)、500=medium(中等)、600=semi-bold(半粗)、700=bold(粗体)、800=extra-bold(超粗)、900=black(黑体)。
三、动态关键字：lighter(更细)、bolder(更粗)，不能和数字混用。
四、实际效果取决于字体文件，老旧字体大多只有400、700两档，其余数值会自动就近兼容。
• 描边粗细：数值，控制气泡轮廓线条的宽度。
• 描边颜色：支持 #十六进制 颜色值，也可填写变量名。预览时若填非颜色值会自动使用黑色。晴天模式导出时自动替换为变量。
• 描边透明度 / 填充透明度：0 ~ 1 之间的数值，0 为完全透明，1 为不透明。
• 填充颜色：气泡底色，支持十六进制颜色或变量（如 $tccolor）。在晴天模式下，每个形状区域现在都有独立的颜色和透明度输入框，并可设置多个区域共享 $tccolor 变量。
• 文本内容：预览时显示的文字，导出时晴天格式会替换为 $displayText，晋江格式固定为 数量。
• 画布背景：整体背景色，可填颜色值或 transparent。
• 描边旋转 / 文字旋转：数值（-360 ~ 360），以度为单位。
💡 晴天模式导出时，会首先弹出 $tccolor 选择弹窗，您必须勾选至少一个形状区域作为 $tccolor 变量（预览图会用斜线标记选中区域），确认后才会进入变量保留确认。
🛠️ 工具区
• 🖼️ 预览SVG：在新窗口中查看SVG渲染效果。
• 🔧 工具：展开后可访问在线SVG转换服务，支持自定义链接。
⌨️ 快捷键（外接键盘时）
• Esc 关闭所有弹窗和面板
• Ctrl + Enter 快速提取颜色
⚠️ 注意事项
• 本工具是纯静态网页，无法保存数据，刷新或关闭页面后内容会丢失，请及时导出代码。
• SVG预览仅支持纯SVG代码，不支持直接预览阅读格式的气泡（如需预览请点击格式转换按钮）。
• 默认图片转SVG工具生成的代码通常较大，会导致气泡文件体积膨胀，可自行替换更优的转换服务。
• 上传的图片最好提前处理（如去除背景、裁剪多余空白），能有效减小最终代码。
• 生成代码的大小主要取决于图片像素尺寸、压缩等级、是否透明等因素。
📌 精简技巧（按优先级）
① 裁剪画布多余空白，缩小宽高
② 导出为PNG-8高压缩格式（适合卡通图标）
③ 避免透明通道，使用不透明图片
④ 导出时清空图片元数据
⑤ 纯色、色块类图案压缩效率更高
📱 本工具针对手机触摸操作优化，所有按钮都适合手指点击，弹窗可通过点击遮罩或关闭按钮退出。