2012-07-31 3 views
-1

나는 4 div에서 amchart를 사용하여 html 페이지에서 4 개의 차트를 각각 생성했습니다. 각 div에는 차트를 내보낼 수있는 링크가 있습니다. 차트는 여러 SVG를 사용하여 생성됩니다. 내보내기 링크를 클릭하여 차트를 클라이언트 측의 이미지로 별도로 저장하려고합니다.jchart/javascript를 사용하여 이미지 (jpg)로 amchart (Multiple SVG) 저장하기

마지막으로, 내 해결책이 있습니다. 모든 이미지를 하나씩 이미지로 변환하여 div로 작성합니다. http://www.battlehorse.net/page/topics/charts/save_google_charts_as_image.html

마지막으로 http://html2canvas.hertzen.com/index.html을 사용하여 div 콘텐츠를 이미지로 변환합니다. 어떤 사람이 텍스트와 svg를 변환하고 싶다면 div 콘텐츠를 새로운 div에 복제 한 다음 변환 된 이미지를 새로운 div에 쓰고 마지막으로 이미지로 변환해야합니다.

+0

가능한 복제본 [내부의 div 및 내용을 이미지로 변환] (http://stackoverflow.com/questions/10598333/convert-a-div-and-contents-inside-it-to-im-age) < might be >':)'나는 투표를하지 않겠지 만 질문의 질을 향상 시키십시오. :)) –

+0

해결책을 찾으려고했지만 그 링크, 더 나은 해결책을 찾지 못했습니다 –

답변

1

캔버스에 차트를 그릴 수 있다면 차트를 저장할 수 있습니다. 단지 div를 저장하는 것이고 이미지의 내용은 어렵습니다. (심지어 가능하다고 생각하지 않습니다.) ...

귀하의 질문은 this과 관련됩니다. 도움이 될 수도 있습니다. 당신이 amchart를 사용하는 경우

편집

은, 그것은 SVG를 만드는 것입니다. 숨겨진 캔버스를 만들고 캔버스에 svg를 그려 데이터 URL로 저장하고 사용자에게 jpg/png/..로 제시 할 수 있습니다. (more info)

+0

차트는 div 요소에 amchart를 사용하여 그립니다. 이 이미지를 –

+0

으로 저장해야하므로 SVG입니다. 당신도 그것을 구할 수 있습니다! http://stackoverflow.com/questions/5433806/convert-embedded-svg-to-png-in-place 질문을 업데이트하고이 특정 문제에 대한 추가 정보를 제공하는 것이 좋습니다. – VDP

+0

제안 해 주셔서 감사합니다. 노력하고있어. –

관련 문제