文字生图片工具

🎯 工具用途
本工具帮助您快速将文字转换为精美的图片，适用于制作社交媒体配图、文字海报、水印图片、演示素材等场景。所有操作均在本地完成，不经过服务器，保障您的隐私安全。

📐 适用场景
• 社交媒体配图：生成带有文字内容的分享图片
• 文字海报制作：快速生成宣传海报、活动公告
• 水印生成：为图片添加自定义文字水印（可叠加使用）
• 演示素材：为PPT或课程制作带文字的插图
• 图文设计：基础的文字排版预览

🔧 使用步骤
1. 调整画布尺寸（宽度×高度，单位像素）
2. 选择背景颜色（支持拾色器或直接输入十六进制）
3. 设置圆角半径（使图片边缘更柔和）
4. 在文本框中输入文字（支持多行，直接回车换行）
5. 选择字体族、字号、粗细、文字颜色
6. 设置水平对齐（左/中/右）、垂直对齐（上/中/下）及内边距
7. 可选添加文字阴影（例如：2px 2px 4px rgba(0,0,0,0.3)）
8. 实时预览窗格显示最终效果，可拖拽移动预览窗格位置
9. 点击“下载图片”保存为PNG文件

⚠️ 注意事项
• 所有设置实时生效，无需点击计算按钮
• 图片完全在浏览器端生成，不会上传或保存到服务器
• 预览窗格固定在右下角，可拖拽移动，滚动页面时始终可见
• 文字内容支持中英文及大部分 Unicode 字符
• 画布尺寸建议不超过 2000×2000，过大会影响生成速度
• 下载的图片格式为 PNG，背景透明区域会保留透明色

💡 常见问题
问：为什么预览窗格可以拖拽？
答：为了方便在调整参数时不影响查看预览，预览窗格默认固定在右下角并可拖拽，避免遮挡输入区。

问：支持添加多行文字吗？
答：支持。在文本框中按回车键即可换行，Canvas 会自动按行渲染。

问：文字阴影如何设置？
答：输入格式参照 CSS text-shadow，例如 “2px 2px 4px #000000”。系统会自动解析偏移和模糊值。

问：生成的图片会压缩质量吗？
答：不会。Canvas 直接导出原生 PNG，质量无损。

问：可以设置背景图片吗？
答：当前版本仅支持纯色背景，如需图片背景可使用其他专业工具。