一个简单的psd直接导出html的工具
自己工作常用整理
适合单页面且采用DOM结构布局的H5页面,基于Canvas的H5请使用Flash2x+AnnieJS!
导出前的准备
先对psd里图层做整理,文字要栅格化图层,图层也要栅格化,剪切蒙版也要格式化掉,只保留基本图层和分组结构
使用
cnpm install //安装包
npm start {psd文件路径} //文件路径,必须指定! 如:npm start 001.psd
目录说明
—lib/ //解析psd的脚本,核心部分
—export/ //导出目录
—tmp.html //生成的HTML结构模板文件,此为基础结构
—package.json //包json文件,npm install 安装
特点
所有div元素的定位采用rem,适配更多浏览器
根据psd文件名生成单独的目录,不会互相覆盖
独立的HTML结构,方便多个单页整合到一起
感谢: