起因

最近在整理项目文档，需要展示亮色和暗色主题的对比。

试了几个方案：

• PS - 每次重复操作太烦
• 在线工具 - 要么收费要么要上传图片
• 手动拼接 - 效果不够专业

找了一圈没找到合适的，花了一个小时自己写了个。

效果

功能

• 上传两张图（亮色/暗色），对角线分割合并
• 角度可调（-45° 到 45°）
• 支持剪贴板粘贴（ Ctrl+V ）
• 本地处理，不上传服务器
• 纯前端，打开浏览器就能用

技术栈

• HTML5 Canvas
• 纯 JS ，没用任何库
• GitHub Pages 托管

代码不到 500 行。

在线体验

https://tageecc.github.io/theme-merge/

源码

https://github.com/tageecc/theme-merge

MIT 协议，可随意修改。

适用场景

• 开源项目 README 配图
• 技术文档
• 博客配图
• 设计作品展示

可能的改进

• 垂直分割模式
• 更多导出格式（ JPG 、WebP ）
• 批量处理

如果有其他想法欢迎提 issue 或 PR 。

就这样，分享给可能需要的 V 友。

有问题欢迎讨论。