2012-10-02 2 views
12

新しいGoogle Chart APIはチャートをSVGとして作成します(これまでのPNGではなく)。私は生成されたSVGを保存できるようにしたいと思います。これどうやってするの?Google ChartをSVGとして保存しますか?

私は、ページ上の要素を調べるためにChromeを使用すると、SVGを保持するsvgタグを見つけることができます。私は、JavaScriptを使用して生成されたSVGを取得できるようにしたいと思います。私は、JavaScriptでsvgタグのHTMLソースを検索しないようにし、SVG文字列をチャートオブジェクト(ChartWrapperクラス?)から直接取得する方法があれば、それが望ましいでしょう。

答えて

11

明らかに、これはGoogle Charts API(12、および3を参照)ではサポートされていません。私は回避策としてSVG文字列を取得するために、以下のハックを作成しました。以下は完全なJavaScriptです。

Google Charts APIはIEでSVGを使用しないため、これはIEでは機能しません。私はいつもより良い解決策に向かっています。

+3

私のためには機能しませんでした。しかし、うまくいきました:e.getElementsByTagName( 'svg')[0] .outerHTML – untill

1

Google Chrome DevTools、特に要素セレクタを使用して、探しているSVGをDOMから直接コピーまたはコピーすることもできます。

Google Chrome DevTools screenshot

関連する問題