Overlaying 2 Images
In this tutorial i will show you how to over lay one image onto another using coldfusions built-in image functions, this method can be used to add a walter mark to an image.
First of all we need 2 images, here are my images image 1 and image 2 i will overlay image 2 onto image 1 using the ImageOverlay function.
We firstly get both of the images using the cfimage tag and give them names
<cfimage source="http://cfproject.co.uk/coldfusionsamples/clio.jpg" name="baseImage">
<cfimage source="http://cfproject.co.uk/coldfusionsamples/cfp.jpg" name="topImage">
<cfimage source="http://cfproject.co.uk/coldfusionsamples/cfp.jpg" name="topImage">
We then simply overlay them using the Image Overlay function and write them to the browser
<cfset ImageOverlay(baseImage,topImage)>
<cfimage source="#baseImage#" action="writeToBrowser">
<cfimage source="#baseImage#" action="writeToBrowser">
Here is an example of the finished image
There are no comments for this entry.
[Add Comment]