Photoshop 2022使用JS脚本修改图层内容颜色的实现方法咨询

问题背景 #

在Photoshop 2022（v 23.0.1）中使用JavaScript脚本修改指定图层内单一元素颜色时，已实现目标图层访问，但无法修改内容颜色，初始参考代码如下：

var document = activeDocument;
var groupA = document.layers["Group"];
var layerA = groupA.layers["Layer In Group"];
var layerB = groupA.layers["Clipping Mask for layerA"];

其中layerA包含一个纯白色的单一元素，需要修改该元素的填充色，支持十六进制颜色码指定颜色。

两种思路对比 #

你提到的两种实现思路各有适用场景：

• 选中图层内容后直接填充：适合单元素、不需要保留原有图层效果的场景，修改效率更高，不会额外增加图层面板的图层数量
• 新增剪贴蒙版填充：适合需要保留原图层内容、后续可随时调整填充效果的场景，复用性更强，但会额外增加一个图层

可行实现方案 #

已验证的有效实现逻辑 #

你已经通过设置激活图层的方式完成了需求，代码逻辑如下：

// 将需要填充颜色的图层设为当前激活图层
document.activeLayer = layerB;
// getBodyFillColor() 是自定义返回目标颜色的方法
var color = getBodyFillColor();
// 设置激活图层后，填充操作默认作用于当前图层的不透明区域（即你观察到的自动选中图层内容的效果）
document.selection.fill(color);

原理说明：当目标图层为激活状态时，调用document.selection.fill()如果没有手动指定选区，默认会识别当前图层的所有不透明像素作为选区，刚好适配你layerA是单一纯色元素的场景，不需要额外手动创建选区。

补充：十六进制颜色码转PS可用颜色对象方法 #

如果需要直接用十六进制色值指定颜色，可以用以下代码实现颜色对象转换：

function hexToSolidColor(hexStr) {
  // 去除色值开头可能带的#号
  hexStr = hexStr.replace(/^#/, '');
  var solidColor = new SolidColor();
  solidColor.rgb.red = parseInt(hexStr.substring(0, 2), 16);
  solidColor.rgb.green = parseInt(hexStr.substring(2, 4), 16);
  solidColor.rgb.blue = parseInt(hexStr.substring(4, 6), 16);
  return solidColor;
}

// 调用示例：设置填充色为红色#FF0000
var targetColor = hexToSolidColor("#FF0000");
document.selection.fill(targetColor);

内容的提问来源于stack exchange，提问作者WrightCode