сохранение amchart (несколько SVG) в виде изображения (jpg) с использованием jquery/javascript

Я создал четыре диаграммы на странице html, используя amchart в 4 разделах соответственно. На каждом div есть ссылка для экспорта диаграммы. Диаграммы создаются с использованием нескольких SVG. Я хочу сохранить диаграмму отдельно как изображение на стороне клиента, щелкнув ссылку экспорта.

Наконец, я получил свое решение. Я конвертирую все svg в изображения по одному и записываю их в div, используя http://www.battlehorse.net/page/topics/charts/save_google_charts_as_image.html

И, наконец, я конвертирую содержимое div в изображение, используя http://html2canvas.hertzen.com/index.html. Если кто-то хочет преобразовать текст и svg, вам нужно клонировать содержимое div в новый div, а затем записать преобразованное изображение в новый div и, наконец, преобразовать его в изображение.


javascript html jquery amcharts
person Aminul Islam    schedule 31.07.2012    source источник
comment
возможный дубликат Преобразовать div и содержимое внутри него в изображение ‹ может быть › :) я не буду голосовать против вас, но, пожалуйста, улучшите качество вашего вопроса, считайте это конструктивным комментарием, брув!! :))   -  person Tats_innit    schedule 31.07.2012
comment
Я пытаюсь найти решение, но не нашел этих ссылок, любое лучшее решение   -  person Aminul Islam    schedule 31.07.2012
comment
у вас есть какое-нибудь решение по этому поводу? и ссылки не работают   -  person Kaval Patel    schedule 11.09.2018

Ответы (1)


arrow_upward
1
arrow_downward

Если бы вы могли нарисовать диаграмму на холсте, вы могли бы сохранить ее. Просто сохранить div и его содержимое в изображение сложно (я не думаю, что это даже возможно)...

Ваш вопрос связан с этим. Это может помочь.

ИЗМЕНИТЬ

Если вы используете amchart, он создает файл svg. Вы можете создать скрытый холст, нарисовать svg на холсте, сохранить его как URL-адрес данных, представить его пользователям в виде jpg/png/.. (дополнительная информация)

person VDP    schedule 31.07.2012
comment
диаграмма рисуется с использованием amchart в элементе div. мне нужно сохранить это как изображение - person Aminul Islam; 31.07.2012
comment
так это SVG? вы тоже можете сохранить это! stackoverflow.com/questions/5433806 / Рекомендуется обновить свой вопрос, предоставив нам больше информации об этой конкретной проблеме. - person VDP; 31.07.2012
comment
Спасибо за ваше предложение. Я пытаюсь. - person Aminul Islam; 31.07.2012
comment
Теперь я могу преобразовать один svg в изображение. Я подписан на battlehorse.net/attach/topics/charts/, gist.github.com/1333906. Но мне нужно преобразовать содержимое div в изображение, содержащее несколько svg. - person Aminul Islam; 01.08.2012