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>

Results

AIC Example - Draw Text into Images