How to overlay text on a blank image?

Question

User-1599446575 posted

Hi,

I have a blank image that looks like a blank receipt.  I want to take some text and put it on this image and create a new image from it.  Does anyone have an example of how I can do this?

Thanks,

X

Answer 1

User-1501102275 posted

Do you mean actually dynamically creating a new image? or just how to get the look of one image?

2 ways off the top of my head.

Have 2 overlapping divs. One with your image, and one w/ text. You'll probably have to use ?

OR

Have one div and set it's background-image property to your image. and then have your Label inside that div.

Answer 2

User-1567482218 posted

To overlay text over an image and create a new image from it, adapt these code samples -
http://mvark.blogspot.com/2004/12/code-programmatically-add-text-to.html
http://blogs.msdn.com/jrule/archive/2004/08/16/215393.aspx

TO position an image or text over another image in a web page, check this  - http://mvark.blogspot.com/2006/08/how-to-position-image-or-text-over.html