グラフをボタンで画像に保存

Question

私はcytoscap.jsチュートリアルでグラフを画像（png、jpg）として表現する方法を見たことがありますが、それを通常のグラフとして表現する方法があります。彼はボタンや同様のオプションをクリックして画像として保存することができますか？ そのための簡単な方法は見つかりませんでした。 私はサーバサイドとしてPythonフラスコを使用しており、グラフスのためにcytoscape jsを使用しています。

Answer 1

ブラウザからファイルを保存するためにサーバー側のコードは必要ありません。

JS内にsaveAs() APIを使用してファイルを保存できます。ここポリフィルです：https://github.com/eligrey/FileSaver.js/

あなたは、グラフのデータが必要な場合は、それだけで

var jsonBlob = new Blob([ JSON.stringify(cy.json()) ], { type: 'application/javascript;charset=utf-8' }); 

saveAs(jsonBlob, 'graph.json'); 

または画像

var b64key = 'base64,'; 
var b64 = cy.png().substring(content.indexOf(b64key) + b64key.length); 
var imgBlob = base64ToBlob(b64, 'image/png'); 

saveAs(imgBlob, 'graph.png'); 

のためになる（他の質問の再を参照してくださいbase64toBlob()。）