前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场

psd.js

作者头像
阿超
发布于 2023-06-23 06:26:55
发布于 2023-06-23 06:26:55
57700
代码可运行
举报
文章被收录于专栏:快乐阿超快乐阿超
运行总次数:0
代码可运行

唯有在回敬污蔑和诽谤的时候,沉默才显得如此有力——艾迪生

分享一个js库,能操作psd文件

https://github.com/meltingice/psd.js

代码例子:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  NodeJS Example
var PSD = require('psd');
var psd = PSD.fromFile("path/to/file.psd");
psd.parse();

console.log(psd.tree().export());
console.log(psd.tree().childrenAtPath('A/B/C')[0].export());

// You can also use promises syntax for opening and parsing
PSD.open("path/to/file.psd").then(function (psd) {
  return psd.image.saveAsPng('./output.png');
}).then(function () {
  console.log("Finished!");
});
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Browser Example
var PSD = require('psd');

// Load from URL
PSD.fromURL("/path/to/file.psd").then(function(psd) {
  document.getElementById('ImageContainer').appendChild(psd.image.toPng());
});

// Load from event, e.g. drag & drop
function onDrop(evt) {
  PSD.fromEvent(evt).then(function (psd) {
    console.log(psd.tree().export());
  }); 
}

一个用Coffeescript编写的通用PSD解析器。它基于PSD.rb,可以让用户以可管理的树形结构处理Photoshop文档,并找出重要的数据,例如文档结构、文档大小、图层/文件夹大小和定位、图层/文件夹名称、图层/文件夹可见性和不透明度、字体数据(通过psd-enginedata)、文本区域内容、字体名称、大小和颜色、颜色模式和位深度、矢量掩模数据、扁平化图像数据和图层组合。它可以在NodeJS和浏览器(使用browserify)中运行。目前还有一些缺失的功能,例如图层组合过滤、内置渲染器和许多图层信息块,但最终目标是与PSD.rb具有完全的功能平衡。其中使用的技术术语包括Coffeescript、PSD、NodeJS、浏览器ify和图层组合。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-06-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档