on click of button convert html page to image and download using JS ,Jquery

Question

I have created a invoice based html page which has a button. onclick of the button, the html page should be downloaded as a image. using javascript or jquery.

i'm trying to first convert html to canvas. – Pratz09 Jun 03 '15 at 06:21 — Pratz09, Jun 03 '15 at 06:21

score 0 · Answer 1 · edited May 23 '17 at 12:08

0

I don't expect this to be the best answer, but it seemed interesting enough to post.

Write an app (may be with PhantomJS) that opens up the desired HTML document, sizes the window properly, and takes a screen shot. Then, remove the borders of the image.

(OR)

HTML2Canvas exists to render HTML onto (which you can then use as an image). (This may be of some help after converting to canvas - how to save canvas as png image?)

edited May 23 '17 at 12:08

Community

1
1

answered Jun 03 '15 at 06:28

Anand Sudhanaboina

885
6
10

i have converted html to canvas using HTML2Canvas . but the image is appending in the html page . instead of appending, i need to save it in local server – Pratz09 Jun 03 '15 at 07:10
Read the data and send it to the server. – Anand Sudhanaboina Jun 03 '15 at 07:31

on click of button convert html page to image and download using JS ,Jquery

1 Answers1