一个高效快速的前端页面切图工具,用于将一张图片快速切割成切片并导出 HTML 文件,所有的工作都通过可视化拖拽完成,让你从重复的 PSD 切图工作中解放出来。
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
docs
lib
src
.gitignore
LICENSE
README-EN.md
README.md
config.json
package.json

README.md

Puzzler

Puzzler 是一个高效快速的前端页面切图工具,用于将一张图片快速切割成切片并导出 HTML 文件, 所有的工作都通过可视化拖拽完成,让你从重复的 PSD 切图工作中解放出来。Puzzler 的愿景是拯救 ♥ 切图仔!

图片处理部分 Powered by image-clipper

EN

详细帮助文档、常见问题

puzzler

下载地址

发布 页面查看构建好的 Puzzler 的各个版本的二进制文件及更新日志。

主要功能特性

  • 支持拖拽导入图片,支持 jpg, png 等图片类型,也可直接导入 PSD 文件
  • 灵活的标尺和参考线操作,支持快速地移动拖放
  • 支持导出图像切片和 HTML 文件,导出之前还支持图像质量设置,自定义导出模板
  • 导出成功后可以一键预览、一键复制源代码
  • 操作记录自动恢复,以前切割过的图片可沿用历史记录继续操作
  • 支持创建图片热区,快速地拖放操作,并可设置热区的链接、是否新窗口打开和宽高信息
  • 全面地快捷键支持
  • 便利地用户设置,支持多种常用设置
  • 可创建自定义文字内容,文字内容支持 Markdown 格式

不知道怎么开始?那不妨看看 小明是怎么切图的

使用的开源项目

感谢 ♥ 以上作者的贡献。

License

本项目基于 MIT 协议发布

MIT: http://rem.mit-license.org, 详见 LICENSE 文件