A Basic Image Function related to Coldfusion

<!--- setup url parameters --->
<cfparam name="url.s" default="randhawaz81">
<cfparam name="url.color" default="red">
<cfparam name="url.mailfont" default="Arial">
<cfparam name="url.fontsize" default="12">
<!--- 
create image using ImageUtils.cfc's and cf's built-in functions.
final image will have text on the left and domain image on the right, both aligned horizontally to center of image.
 --->

<cfscript>
/* init ImageUtils component */
objImageUtils = createobject('component', 'imageutils.imageutils'); // change path to imageUtils.cfc as required

/* read existing image */
domainImg = imageread('s_logo/gmailcom.png'); // change as required

/* set up text and its properties */
text = trim(url.s);
textProps = {'Font'=url.mailfont, 'Size'=url.fontsize, 'Style'='bold', 'RightPadding'=ceiling(url.fontsize/6)}; //RightPadding value is space between text and domain image; arbitrary, but based on my tests fonsize/6 seems to work best
textDim = objImageUtils.getTextDimensions(text, textProps); // get text's dimensions (width and height) using getTextDimensions() method of ImageUtils cfc

/* setup properties of final image */
imgProps = {};
imgProps.height = max(domainImg.height, textDim.height); // set height to the larger one of text height or domain image height
imgProps.width = domainImg.width+textDim.width+textProps.RightPadding;
imgProps.bgcolor = 'white'; // change to the bg color of domain image or whhichever

/* create final image by pasting domain image and writing text into it */
finalImg = imagenew('', imgProps.width, imgProps.height, 'rgb', imgProps.bgcolor);
imagesetantialiasing(finalImg, 'on');
imagepaste(finalImg, domainImg, imgProps.width-domainImg.width+textProps.RightPadding, round(imgProps.height/2-domainImg.height/2)); // paste domain image
imagesetdrawingcolor(finalImg, url.color); // set text color
textPosY = objImageUtils.getCenteredTextPosition(finalImg, text, textProps.Font, 'bold', textProps.Size).y; // get Y coord where to write text in final image using getCenteredTextPosiotion() method of imageUtils cfc
imagedrawtext(finalImg, text, 0, textPosY, textProps); // draw text on final image
</cfscript>
<!--- output final image to browser --->
<cfimage action="writetobrowser" source="#finalImg#">

Select allOpen in new window

<!--- setup url parameters --->
<cfparam name="url.s" default="randhawaz81">
<cfparam name="url.color" default="##990000">
<cfparam name="url.mailfont" default="Arial">
<cfparam name="url.fontsize" default="46">
<cfparam name="url.style" default="">
<cfparam name="url.shadowcolor" default="##666666">
<!--- 
create image using ImageUtils.cfc's and cf's built-in functions.
final image will have text on the left and domain image on the right, both aligned horizontally to center of image.
 --->

<cfscript>
/* init ImageUtils component */
objImageUtils = createobject('component', 'imageutils.imageutils'); // change path to imageUtils.cfc as required

/* read existing image */
domainImg = imageread('s_logo/gmailcom.png'); // change as required

/* set up text and its properties */
text = trim(url.s);
rightPadding = ceiling(url.fontsize/4);
if (url.style eq 'outline') rightPadding = ceiling(url.fontsize/3);
else if (url.style eq 'shadow') rightPadding = rightPadding+2;
textProps = {'Font'=url.mailfont, 'Size'=url.fontsize, 'Style'='bold', 'RightPadding'=rightPadding}; //RightPadding value is space between text and domain image; arbitrary, but based on my tests fonsize/6 seems to work best
textDim = objImageUtils.getTextDimensions(text, textProps); // get text's dimensions (width and height) using getTextDimensions() method of ImageUtils cfc

/* setup properties of final image */
imgProps = {};
imgProps.height = max(domainImg.height, textDim.height); // set height to the larger one of text height or domain image height
imgProps.width = domainImg.width+textDim.width+textProps.RightPadding;
imgProps.bgcolor = 'white'; // change to the bg color of domain image or whhichever

/* create final image by pasting domain image and writing text into it */
finalImg = imagenew('', imgProps.width, imgProps.height, 'argb');
textPosY = objImageUtils.getCenteredTextPosition(finalImg, text, textProps.Font, 'bold', textProps.Size).y; // get Y coord where to write text in final image using getCenteredTextPosiotion() method of imageUtils cfc

/* draw text */
// plain text (url.style = 'plain' or not defined)
if (url.style neq 'outline' AND url.style neq 'shadow') { 
	imagesetantialiasing(finalImg, 'on');
	imagesetdrawingcolor(finalImg, url.color); // set text color
	imagedrawtext(finalImg, text, 0, textPosY, textProps); // draw text on final image
}
// outline text (url.style = 'outline' NOTE: only good for very large font size!
if (url.style eq 'outline') { 
	graphics = ImageGetBufferedImage(finalImg).createGraphics();
	RenderingHints = createObject("java", "java.awt.RenderingHints");
	graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
	graphics.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
	Font = createObject("java", "java.awt.Font");
	textFont = Font.init("Arial", Font.BOLD, textprops.Size);
	textColor = createObject("java", "java.awt.Color").decode(url.color);
	fontContext = graphics.getFontRenderContext();  
	layout = createObject("java", "java.awt.font.TextLayout").init(text, textFont, fontContext);
	transform = createObject("java", "java.awt.geom.AffineTransform").init();  
	transform.setToTranslation( 0, textPosY );
	shape = layout.getOutline(transform);
	graphics.setColor(textColor);
	graphics.draw(shape);
	graphics.dispose();
}
// draw text with shadow (url.style = 'shadow' and url.shadowcolor is set)
if (url.style eq 'shadow') { 
	imagesetantialiasing(finalImg, 'on');
	imagesetdrawingcolor(finalImg, url.shadowcolor);
	imagedrawtext(finalImg, text, 2, textPosY+2, textProps);
	imagesetdrawingcolor(finalImg, url.color);
	imagedrawtext(finalImg, text, 0, textPosY, textProps);
}
imagepaste(finalImg, domainImg, imgProps.width-domainImg.width, round(imgProps.height/2-domainImg.height/2)); // paste domain image
</cfscript>
<!--- output final image to browser --->
<cfimage action="writetobrowser" source="#finalImg#">
<cfoutput>
<div style="background-color: ##f5f5f5; width:#imgProps.width#; height=#imgProps.height#;">
	<cfimage source="#finalImg#" action="writeToBrowser">
</div>
</cfoutput>

Select allOpen in new window