0

I have an Image; say for example "an appreciation certificate". only the name of the person in the certificate changes.

when the user enters his name in the textbox, the name on the certificate should have the text he just entered.

I can do this by just overlapping the text on to the image.but

the real problem is:

after he enters his name; the text and the certificate image be combined and rendered as a single image on the client side.

this has to be done in jquery/javascript without serverside code or HTML5 canvas

Abraham Jagadeesh
  • 1,757
  • 1
  • 23
  • 21
  • Have a look at [this question and answer](http://stackoverflow.com/questions/2174504/client-side-image-processing). – Labu Nov 26 '12 at 09:40
  • If you don't want to use canvas or any server-side code, it's not possible. (Unless you are willing to use flash, but some mobile browsers, or people that don't have flash installed, won't be able to use it.) – Cerbrus Nov 26 '12 at 09:40

1 Answers1

0

Simple but short this (outputting a physical image out of divs) is NOT possible with pure jQuery/Javascript. It is possible through HTML5 canvas use, although a bit raw, and there are numerous of good php libraries (imagick, gd) that will make this look like a breeze.

Dave Loepr
  • 946
  • 1
  • 7
  • 13