Solved

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

Posted on 2009-04-09
11
1,037 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
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to dynamically set the form action using jQuery.
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.

747 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

13 Experts available now in Live!

Get 1:1 Help Now