Skip to content

zswang/h5psd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NPM version Build Status Coverage Status

Converting PSD files into mobile page

PSD 转换成移动端页面的工具。

功能

  • 自动导出图层的 PNG 文件;
  • 导出 PNG 用 hash 命名,避免出现重复素材;
  • 自动判断背景图;
  • 可以使用自定义模板。( 使用 jdists 编写)。

预制模板

  • tpl/page.html 标准模板
  • tpl/auto-bottom.html 自动计算需要居底的图层

效果

线上体验

  • 输出的网页 image

  • PSD 设计稿 image

使用

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

About

Converting PSD files into mobile page

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors