Draw Text into Images
The following source code demonstrates how to use the Image Components simple methods to draw text into an image with a specific font and style. The Image Component also provides support for more advanced string formatting and styling using "Advanced Text Formatting".
Source Code
<!--- create the object --->
<cfset myImage = CreateObject("Component","Image") />
<!--- open the image to inspect --->
<cfset myImage.readImage("d:\examples\catAndCup.jpg")
/>
<!--- set the font --->
<cfset timesNewRoman = myImage.loadSystemFont("Times
New Roman", 20, "boldItalic") />
<!--- create a string to write into the image --->
<cfset myString = "Where the heck is my milk?" />
<!---
Find the metrics (width, height, etc) for the string.
We will use this to center the string in the image.
--->
<cfset metrics = myImage.getSimpleStringMetrics(myString,
timesNewRoman) />
<!--- determine the X coordinate so we can center the
text
in the image --->
<cfset x = (myImage.getWidth() - metrics.width) / 2 />
<!--- draw the text, centered at the top of the image
--->
<cfset myImage.drawSimpleString(myString, x, 30, timesNewRoman)
/>
<!--- output the new image --->
<cfset myImage.writeImage("d:\examples\catCupAndText.jpg",
"jpg") />
<!--- the new images --->
<p>
<b>catCupAndText.jpg:</b><br>
<img src="/examples/catCupAndText.jpg"><br>
</p>
Results
