saving amchart (Multiple SVG) as an image (jpg) using jquery/javascript

Question

I have generated four charts on the html page using amchart in 4 divs respectively. On each div there is a link for export the chart. The charts are generated using multiple SVG. I want to save the chart separately as an image on client side by clicking the export link.

Finally, I got my solution. I convert all the svg to image one by one and write it in a div using http://www.battlehorse.net/page/topics/charts/save_google_charts_as_image.html

And finally I convert the div content to image using http://html2canvas.hertzen.com/index.html. If any one want to convert the text and svg then you need to clone the div content to the new div and then write the converted image to new div and finally convert it to image.

possible duplicate of Convert a div and contents inside it to image < might be > :) i will not down vote you but please improve your question quality consider it a constructive comment bruv!! :)) — Tats_innit
– Tats_innit, Commented Jul 31, 2012 at 10:40
I try to find the solution but not found that links, any any better solution — Aminul Islam
– Aminul Islam, Commented Jul 31, 2012 at 10:48

Community · Accepted Answer · 2017-05-23 10:34:51Z

1

If you could draw the chart on a canvas you could save that. Just saving a div and it's contents to an image is hard (I don't think it's even possible)...

Your question is related to this. It might help.

EDIT

If you are using amchart, it is creating an svg. You can create an hidden canvas, draw the svg onto the canvas, save it as a data url, present it as a jpg/png/.. to the users. (more info)

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Jul 31, 2012 at 10:46

VDP

6,4104 gold badges33 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Aminul Islam Over a year ago

the chart have draw using amchart in a div element. i need to save this as an image

VDP Over a year ago

so it's an SVG? you can save that too! stackoverflow.com/questions/5433806/… It's a good idea to update your question, give us more info about this specific problem.

Aminul Islam Over a year ago

Thanks for you suggestion. I'm trying.

Aminul Islam Over a year ago

Now, i can convert one svg to image. I follows battlehorse.net/attach/topics/charts/…, gist.github.com/1333906. But i need to convert the div content into image that contains multiple svg.

Collectives™ on Stack Overflow

saving amchart (Multiple SVG) as an image (jpg) using jquery/javascript

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related