TypingSVG 

市面上已有多个打字 SVG 工具，但 TypingSVG 专注于 灵活性 与 渲染精确性，为开发者和内容创作者提供更精细的控制与一致的跨平台表现。

核心特性

• 完整 Google Fonts 支持
  可使用任意 Google Fonts 字体。每行可单独指定字体（如 "Roboto"、"Bitcount Ink"），服务器自动获取并内联字体文件，确保 SVG 在任何环境渲染一致。
• 每行独立样式
  支持为每一行分别设置：字体、颜色、字号、字母间距、打字速度、删除速度。
• 真正的多行支持
  每个 lines 项内可包含 \n 实现内部换行，保留多个空格与换行符。
• 精准排版与对齐
  完整保留空格与换行，支持水平/垂直居中对齐。
• 灵活的删除行为
  三种模式可选：backspace（逐字删除）、clear（整段清除）、stay（不删除），并可自定义删除速度。
• 多种光标样式
  straight（竖线）、underline（下划线）、block（块状）、blank（无光标）。
• 直观的速度控制
  速度以 每秒字符数（char/s） 显示，更符合直觉（实际参数仍为秒/字符）。
• 精细配置选项
  包括暂停时长、是否循环、边框、背景色、背景透明度、字体粗细等。
• 纯服务器端渲染
  SVG 完全在服务端生成，字体已内联，客户端无需额外加载资源，嵌入即用。

一句话总结：更多自定义、更多控制、更多可分享的动画文本。

快速使用

1. 访问在线工具：https://typingsvg.vercel.app
2. 输入文本（按 Enter 换行，多个空格会被保留）
3. 调整字体、颜色、速度、光标等参数，实时预览效果
4. 复制生成的 URL 或下载 SVG 文件，嵌入到：
   • GitHub README
   • 个人资料页
   • 博客、社交媒体、文档等任何支持 SVG 的地方

自行部署（推荐）

由于在线演示部署在免费 Vercel 账户，资源有限，建议生产使用时自行部署。

通过 Vercel 一键部署

1. 登录 Vercel
2. 点击项目页的 “Deploy to Vercel” 按钮
3. 按提示完成部署

本地运行

前提：Node.js v18+、npm

git clone https://github.com/whiteSHADOW1234/TypingSVG.git
cd TypingSVG
npm install
npm run dev

应用将在 http://localhost:3000 启动。

API 使用说明

SVG 通过 /api/svg 端点生成，支持丰富的查询参数：

注意事项

• lines 中的每行样式会覆盖全局参数。
• 在 URL 中使用 lines 时，必须对 JSON 进行 URL 编码（在线工具已自动处理）。
• 支持 Emoji，布局中视为单个字符。