How to make a HTML div ( with image and text ) in a image?

by 9 replies
12
I can do it using PHP GD libraty. But I am seeking anther option to do it.

I want to make a HTML div with image and text into image. I heared about HTML5 canvas element but not sure how to do it. I am free to use javascript or PHP.

I am trying to do it for last couple of days.......
Any suggestion and comments are more than welcome....

Thanks in advance
Sabbir
#programming #div #html #image #make #text
  • You can use image as background image and then write what you want.

    <div style="display;block;width:100px;height:100px;back ground:url("yourimage.jpg") no-repeat">
    <span>Your Text</span>
    </div>

    And you can change span position.
    • [1] reply
  • So, just to be clear -- you want only one image as a result?
    • [1] reply
    • Hello....

      <div id="make_image"><img src="#" /><h2>Title</h2>Some text <img src="#" /><h2>Title</h2>Some text</div>

      I want to make this div ( id="make_image" ) a image so that user can download that image.

      So the final image will look alike the html exactly same as it will be seen on the web browser with css...

      P.S. I did that with PHP GD library with my own. But I am trying to make it from a html div.
  • Your mean is add text to image using php or javascript ?
  • I am sorry for my bad English but I am trying my best to tell you what I want
  • I think you looking for this
    Home - html2canvas - Screenshots with JavaScript
  • I have some css and html pdf tutorial and it's easy to understand.
    if you want , just pm me I'll send you soon. where you can learn it easily .
Join the discussion

Next Topics on Trending Feed