如何使用NodeJS修改PSD文件？已尝试ag-psd等包未解决

针对你用ag-psd修改PSD文本层遇到的问题，以下是可行的修正方案：

关键问题分析 #

你的代码存在几个核心问题：

• 直接通过固定索引children[2]定位层不可靠，PSD的层结构可能和预期不符
• 仅修改text.text和层名，缺少文本渲染必需的字体信息，导致修改后的文本无法正确生成
• 手动设置canvas = undefined可能干扰文本层的重新渲染逻辑

修正后的代码 #

const fs = require('fs');
const path = require('path');
const { readPsd, writePsd, initializeCanvas } = require('ag-psd');
const { createCanvas, loadImage, registerFont } = require('canvas');

// 注册PSD文本层使用的字体（必须匹配原PSD中的字体，否则渲染样式会出错）
// 示例：如果原文本用的是"Microsoft YaHei"，需指定对应字体文件路径
registerFont(path.join(__dirname, './fonts/msyh.ttc'), { family: 'Microsoft YaHei' });

initializeCanvas(createCanvas, loadImage);

// 加载PSD文件
const psdPath = path.join(__dirname, './temp.psd');
const buffer = fs.readFileSync(psdPath);
const psd = readPsd(buffer, { loadImage: true });

// 通过层名查找目标文本层（比固定索引更稳定，避免层结构变化导致定位错误）
const targetLayer = psd.children.find(layer => layer.name === '原文本层名称');
if (!targetLayer) {
  throw new Error('未找到目标文本层');
}

// 更新文本内容及必要属性
targetLayer.text.text = "NEW TEXT HERE";
targetLayer.name = "NEW NAME";
// 可选：修改文本样式（如字号、颜色等，需匹配原层属性结构）
// targetLayer.text.style.fontSize = 24;
// targetLayer.text.style.fillColor = { r: 255, g: 0, b: 0 };

// 写入修改后的PSD，invalidateTextLayers强制重新渲染文本层
const outputPath = path.join(__dirname, './updated_temp.psd');
const outBuffer = writePsd(psd, { 
  invalidateTextLayers: true,
  generateThumbnail: true // 可选：生成PSD缩略图
});

fs.writeFileSync(outputPath, Buffer.from(outBuffer));

重要注意事项 #

• 字体匹配：必须注册原PSD文本层使用的字体，否则修改后的文本会用默认字体替代，导致样式与原文件不符。你需要提取原PSD中文本层的字体名称，并准备对应的字体文件（如.ttf/.ttc格式）放在项目目录中。
• 层定位逻辑：使用find方法按层名查找目标层，比固定索引更稳定，避免因PSD层结构调整导致定位失效。
• 文本属性完整性：如果需要修改文本样式（字号、颜色、对齐方式等），需确保targetLayer.text.style下的对应属性正确设置，ag-psd依赖这些属性完成文本的重新渲染。

内容的提问来源于stack exchange，提问作者Md. Muhtasim Fuad Fahim