Contact Us
Alagad is located in Chapel Hill, North Carolina in the Research Triangle Park area.
Phone: 888-ALAGAD4
Fax: 888-248-7836
Email: please use our contact form
208 Calderon Dr.
Chapel Hill, NC 27516 USA
Request an Alagad proposal
Request a TaskForce consultation
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>
<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
