Solved

How to convert HTML to JPG with Coldfusion (or other way)?

Posted on 2009-04-09
11
1,062 Views
Last Modified: 2012-05-06
I need to have a way to convert a small amount of html text to a jpg, preferably using coldfusion, but if there is another way that I can use and embed successfully, that may work too.
0
Comment
Question by:monosyth
  • 6
  • 4
11 Comments
 
LVL 16

Expert Comment

by:duncancumming
ID: 24109650
If you're on ColdFusion 8, you can use the <cfimage> tag to do what you need.
0
 

Author Comment

by:monosyth
ID: 24109664
I am on CF8, can you point me in the right direction please for what I need?
0
 
LVL 52

Expert Comment

by:_agx_
ID: 24109729
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:monosyth
ID: 24109895
These links appear to be making thumbnails from pdfs, I will look into cfimage to see what I can do.
0
 
LVL 52

Expert Comment

by:_agx_
ID: 24109954
Yes, but you may be misunderstanding.  They convert html to a pdf variable, then convert it to a jpg.  You can of course use cfimage, but cfimage cannot handle html.  That is why you may be better off using the technique in the links. It is far easier to handle html (<b>, <h1>, etc...) with cfdocument.
0
 
LVL 52

Expert Comment

by:_agx_
ID: 24109962
... of course if you just want to draw plain text on an image, then yes .. you should just use cfimage.
0
 
LVL 52

Accepted Solution

by:
_agx_ earned 500 total points
ID: 24110666
To answer your previous question, to draw plain text on an image use the ImageDrawText function.   Attached is a simple example, but you can also find more information about this and other image functions in the online documentation:

http://livedocs.adobe.com/coldfusion/8/htmldocs/Images_12.html
http://livedocs.adobe.com/coldfusion/8/htmldocs/Images_01.html

You might also be interested in this cfc at riaforge.cfc.  It is not text specific, but does have a few neat functions for rendering text on images:

http://imageutils.riaforge.org/




<cfset img = ImageNew("", 275, 60, "argb")>
<!--- change a few font properties --->
<cfset fontProp = { font="verdana", size="30" }>
 
<!--- draw the first word in blue text --->
<cfset ImageSetDrawingColor(img, "0000ff")>
<cfset ImageDrawText(img, "Draw", 10, 30, fontProp)>
 
<!--- draw the second word in blue text --->
<cfset ImageSetDrawingColor(img, "ff0000")>
<cfset ImageDrawText(img, "Something!", 85, 50, fontProp)>
 
<!--- show the sample image --->
<cfimage action="writeToBrowser" source="#img#">

Open in new window

0
 

Author Comment

by:monosyth
ID: 24110737
I just tested that, and it would work great, actually. Is there a way to save as JPG and save to a particular file?
0
 
LVL 52

Expert Comment

by:_agx_
ID: 24110856
Sure.  Either use the ImageWrite(..) function or the cfimage tag to save the image to disk:

<cfset img = ImageNew("", 275, 60, "argb")>
... other code
<cfset ImageDrawText(img, "Something!", 85, 50, fontProp)>
<cfset ImageWrite(img, "c:\whateverPathYouWant\theImageNameYouWant.jpg")>
0
 

Author Comment

by:monosyth
ID: 24111627
This is brilliant. One more thing - can I set the background color? perhaps by drawing a square the size of the image?
0
 
LVL 52

Expert Comment

by:_agx_
ID: 24111684
Yes. Background color is one of the parameters for the ImageNew(..) function.  Just use any hex color.

<cfset img = ImageNew([source, width, height, imageType, canvasColor])> .... ie
<cfset img = ImageNew("", 275, 60, "argb", "FFFFFF")>

http://livedocs.adobe.com/coldfusion/8/htmldocs/functions_h-im_34.html#5179132
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question