overlaying existing image with semi transparent image
I have a radiometric image which a heat sensing camera is pointed at
I need to read the heat data from the picture (out of the scope of this question)
Each pixel will have a temperature reading, and i need to look up a legend as follows:
green = 0-100
red = 100-200
I need a semi transparent layer over the image which colors each pixel in either red or green based on the temperature reading of the pixel
What would be the best solution for this, do i need to dynamically cycle through each pixel and then construct a semi transparent image overlay that goes over existing JPG image?
Looking for some ideas here if there are other ways and possible issues with overlaying 2 images over each other!
I need to read the heat data from the picture (out of the scope of this question)
Each pixel will have a temperature reading, and i need to look up a legend as follows:
green = 0-100
red = 100-200
I need a semi transparent layer over the image which colors each pixel in either red or green based on the temperature reading of the pixel
What would be the best solution for this, do i need to dynamically cycle through each pixel and then construct a semi transparent image overlay that goes over existing JPG image?
Looking for some ideas here if there are other ways and possible issues with overlaying 2 images over each other!
Who is Participating?
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
All Courses
From novice to tech pro — start learning today.
https://www.experts-exchange.com/articles/28823/4-Methods-for-creating-image-overlays-in-HTML-using-CSS-and-PHP-GD2.html
If not, or if you have any questions regarding any of those methods please feel free to post back here.