<div>
<div class="content wysiwyg-content">
I have a radiometric image which a heat sensing camera is pointed at<br />
<br />
I need to read the heat data from the picture (out of the scope of this question)<br />
Each pixel will have a temperature reading, and i need to look up a legend as follows:<br />
<br />
green = 0-100<br />
red = 100-200<br />
<br />
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<br />
<br />
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 &nbsp;that goes over existing JPG image?<br />
Looking for some ideas here if there are other ways and possible issues with overlaying 2 images over each other!
</div>
</div>


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!

overlaying existing image with semi transparent image

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.