Solved

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

Posted on 2009-04-09
11
1,050 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
 

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
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

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.
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

867 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

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now