Converting PSD files into mobile page
PSD 转换成移动端页面的工具。
功能
- 自动导出图层的 PNG 文件；
- 导出 PNG 用 hash 命名，避免出现重复素材；
- 自动判断背景图；
- 可以使用自定义模板。（ 使用 jdists 编写）。
预制模板
tpl/page.html标准模板tpl/auto-bottom.html自动计算需要居底的图层
效果
-
输出的网页
-
PSD 设计稿
使用
PSD 准备
- 模式 RGB 颜色、8 位通道；
- 合并和栅格化实际的图层；
- 隐藏不需要导出的图层。
安装
$ npm install h5psd [-g]
命令行
Usage:
h5psd <input list> [options]
Options:
-v, --version Output h5psd version.
-o, --output Output directory (default input directory).
-s, --images Images directory (default "images").
-l, --layer Export "<name>.layer" file (default false).
-n, --name Enable the "name" attribute (default false).
-t, --template Page jdists template file.
License
MIT © zswang