o2team-psd-parser
v0.4.3
Published
Parse psd and output a json obj
Downloads
5
Readme
PSD Parser
造个轮子
参考文档
官方psd文档,部分有错 Adobe Photoshop File Formats Specification
翻译文档(不完整) Adobe Photoshop File Formats Specification
其他的PSD解析
coffee版 psd.js
ruby版 psd.rb
c版 psdump
因为 ruby 版与 c 版对于前端来讲不好直接拿来用呐,coffee版输出的对象很庞大,同时运行时还要先编译一下,于是 生命不息,折腾不止 ,有了这个版本;
安装
npm install psd-parser
简单使用
var PSD = require('psd-parser');
var psd = await PSD.parse('./test.psd');
console.log(psd)
psd.getDescendants() //扁平化的图层数组
psd.getTree() //树型结构的图层数组,与psd中结构相符
console.log(psd._psd_) //解析psd后的原始对象
//psd缩略图的输出,只支持png输出
psd.saveAsPng('test.png') //目前要注意目录是否存在
//某个图层的png输出
psd.getDescendants()[0].saveAsPng('layer.png')
现在可以获取文本图层中的文字与细节
var PSD = require('../index');
var psd = PSD.parse('./example/test.psd');
console.log(psd.getDescendants()[0].get('text')); //文本图层中的文字
console.log(psd.getDescendants()[0].get('wordSnippets')); //文本图层中的文字细节,以数组形式展现
TODO
- ~~图层的树型输出~~
- ~~文字图层处理~~
- ~~挂一些get方法上去~~
- saveAsPng 路径不存在时的错误
- ~~发布到npm~~