Javascript export div to image

Question

I currently have a div tag that contains a bunch of other within it, and together they represent a line-graph. What I want to do is export this line-graph to an image(.png, .jpeg, etc) so that the user can download it. How can I do this?

It's a JSP web page, using JavaScript, jQuery and the back-end is handled by Java.

score 0 · Accepted Answer · answered Oct 17 '13 at 00:22

0

I dont think this can be done with a div. But if you used the canvas element, this is possible:

http://davidwalsh.name/convert-canvas-image

answered Oct 17 '13 at 00:22

marteljn

6,258
3
29
42

score 0 · Answer 2 · edited May 23 '17 at 12:29

0

From this answer: capture div into image using html2canvas

You might be able to use html2canvas to do the job. I've never used it though so I can't tell you for sure.

edited May 23 '17 at 12:29

Community

1
1

answered Jun 17 '14 at 18:13

Spina

8,746
7
36
36

Javascript export div to image

2 Answers2