/puzzler

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

Primary LanguageJavaScriptMIT LicenseMIT

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 文件