时间轴生成器

📖 工具介绍

项目汇报、公司大事记、产品路线图、个人简历里的经历，只要涉及"什么时候发生了什么"，用时间轴表达最清楚。一行行的文字看不出节奏，排成轴之后，哪些阶段密集、哪些阶段空档，一眼就能看出来。

这个工具的输入方式很简单：每行一个节点，写成"日期,标题,描述"，粘贴进去就自动生成时间轴，不用在模板里手动拖框。日期支持常见写法，节点会按时间先后自动排序——哪怕你输入时顺序是乱的，排出来也是对的。描述可以省略，只写日期和标题也能用。

两种走向可选：横向适合节点少、要放进宽幅页面或 PPT 的场景；纵向适合节点多、要放进文档或网页的场景。配色、节点形状（圆点、方块、菱形）、连线样式、字号、是否交替左右排布都可以调，改完立即重绘。标题、副标题、时间范围会自动标在轴上。

导出有三种：PNG 直接插图，SVG 放进设计软件继续改，HTML 可以直接嵌进网页或邮件——导出的 HTML 是自带样式的独立片段，贴进去就能显示，不依赖外部资源。全部生成在浏览器本地完成，不联网、不上传。

✨ 功能特点

• 文本批量录入：每行一个节点，逗号分隔日期、标题与描述。
• 自动排序：按日期先后重排，输入顺序混乱也能正确排列。
• 横纵两种走向：横向适合宽幅页面，纵向适合节点较多的文档。
• 样式可调：配色方案、节点形状、连线样式、字号、是否左右交替。
• 节点管理：可逐个增删节点，也能一键清空重填。
• 三种导出：PNG 位图、SVG 矢量、HTML 可嵌入网页的独立片段。

🚀 使用方式

1. 在文本框按"日期,标题,描述"的格式逐行填写节点。
2. 选择横向或纵向走向，以及配色与节点形状。
3. 点生成，右侧立即出现时间轴。
4. 需要微调时用节点列表增删，或调整字号与交替排布。
5. 满意后导出 PNG、SVG 或 HTML 保存使用。

⚠️ 注意事项

• 日期格式：建议使用 2024-03-22 这样的完整写法，无法解析的日期会被排在末尾并标出。
• 节点数量：横向走向超过 12 个节点会显得拥挤，建议改用纵向。
• 描述长度：过长的描述会自动换行，但横向模式下建议控制在两行以内。
• HTML 导出：导出的片段自带内联样式，粘贴到部分编辑器时可能被过滤，请先预览。
• 不保存内容：刷新页面后节点数据会清空，请及时导出。