Please advise about replace an image within a Smart Object,help me!

[826327700]

I referred to this issue: #173 to implement the function of replacing smart object images. I have replaced the canvas and exported the modified PSD file. When I open this file in Photoshop, it already shows the modified image, which meets my expectations. However, when I export this PSD as a PNG, it appears unmodified. Why is this? Did I miss any steps? I ultimately need the PNG. Below is part of my code:

// Load new image and draw it onto the layer canvas
    const image = await loadImage('image.jpg');
    
    // Create a new canvas with the same size as the original layer
    if (targetLayer.canvas) {
      const width = targetLayer.canvas.width;
      const height = targetLayer.canvas.height;
      const newCanvas = createCanvas(width, height);
      const ctx = newCanvas.getContext('2d');
      
      // Draw the new image onto the canvas
      ctx.drawImage(image, 0, 0, width, height);
      
      // Replace the layer's canvas with the new one
      targetLayer.canvas = newCanvas;
    }
    
    // Export the modified PSD as a new PSD file
    const modifiedPsdBuffer = writePsdBuffer(psd);
    
    fs.writeFileSync('modified.psd', modifiedPsdBuffer);
    console.log('Exported modified PSD as modified.psd');
    
    const psd1 = readPsd(fs.readFileSync('modified.psd') as any,{ skipLayerImageData: false, skipCompositeImageData: false, skipThumbnail: false });
    // Export the entire PSD as PNG
    if (psd1.canvas) {
      const pngBuffer = psd1.canvas.toBuffer('image/png');
      fs.writeFileSync('output.png', pngBuffer);// ---> this output.png is not modified
      console.log('Exported entire PSD as output.png');
    }
    
    console.log('Smart object replacement completed!');

[Agamnentzar]

You also need to update psd.canvas to update the composite image

[826327700]

You also need to update psd.canvas to update the composite image

So the correct approach should be: get the transformation information from replaceLayer, apply it to the new image, and then combine each layer into a complete canvas? All of this needs to be implemented by myself, rather than automatically with the help of smart objects, right?

[Agamnentzar]

Yes, you need to do all of this yourself, the library only supports reading and writing the file, it doesn't handle rendering the layers as it would be extremely complicated to fully support all possible operations that can be done in photoshop.

[mohamad-nikzad]

@826327700 any updates ? did you achieve your goal ?

[826327700]

@826327700 any updates ? did you achieve your goal ?

No, I am also waiting to see if anyone can share his successful methods