Hey everyone, So I have essentially 8 png files at urls, that are 284px by 284px each, I want to stack them ontop of each other like layer so to speak and then save the composite as a single new png file. I've already figure out how to stack them via DIVs in dashboard, but that doesn't actually p…

Probably a bit of a hack... but end result seems to work. [image] [{"id":"f1ddb863e3b15a23","type":"comment","z":"2d4299a4557e09fa","name":"Working with multiple images and demonstrating composite function","info":"","x":300,"y":580,"wires":[]},{"id":"ca09ca1e44a45878","type":"inject","z":"2d4299…

[image] geoseph: I want to stack them ontop of each other like layer so to speak and then save the composite as a single new png file. I don't understand the use case... (aside from the already mentioned merge-images) Perhaps showing what you have tried with that option? (and how it relates…

The search box is your friend... [image] Node-red-contrib-image-tools - combining images General [image] [{"id":"1778f6d3.186309","type":"image viewer","z":"af952aeaa20f4f97","name":"","width":160,"data":"merged","dataType":"msg","active":true,"x":1370,"y":1500,"wires":[…

So I tried to use the sample but apparently its missing a module? I was able to piece together something but I can't get the actual composite function to work. I can pass in image urls and then view them individually but not as a composite. here is a quick flow that will inject a string that gets…

It doesn't look like you chose a function in the image node......

I know that, I left it omitted because when i choose composite it doesn't do anything, no error nor preview.

[image] geoseph: So I tried to use the sample but apparently its missing a module You need to install node-red-contrib-image-tools (I thought you would realise that from the title in the linked topic, sorry)

I did install it, per palette manager. Your flow was what throws the error. because its function node has a custom require that references a missing module.

Sorry if i wasn't clear, but when i said i was getting missing module error it was only upon trying to deploy a copy of your flow from link provided (to try to learn from), since it errored I was forced to guess on how to use these node(s)

As ok. I don't remember. I'll check it out when I'm at a computer. Anyhow regardless of that example, have a look in the examples provided - one of them does image compositing. To load an example flow, press CTRL+I > examples > node-red-contrib-image-tools

hmmm good to know about those samples to try to learn from, but not seeing any composite examples so I guess I'll keep hacking away until something sticks :stuck_out_tongue: These nodes seem super impressive though, hopefully this gets me over the hump :smiley:

Node-RED

Node-RED Forum

How to Merge 8 PNGs into 1 PNG?

General

Steve-Mcl 23 September 2021 07:57 3

The search box is your friend...

Topic		Replies	Views
Help request: Capture images and blit them together with contrib-image-tools (jimp) General	6	831	4 February 2022
Node-red-contrib-image-tools - combining images General	2	924	24 August 2021
Stitch together several image tiles General	2	475	19 May 2021
How to manage the image-output / image-tools node conflict (split topic) General	15	1962	14 April 2020
Compare to images , get simularity in percentage General function-node	12	322	21 May 2024

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

How to Merge 8 PNGs into 1 PNG?

Related topics