SVG イメージを JavaScript から保存する方法 - Qiita

GitHub に Mermaid がサポートされるようになったので、マークダウン中にいい感じのグラフを描画できるようになりましたね。 しかし、 Mermaid で作成される画像は SVG 形式なので、ブラウザからだと「名前をつけて画像を保存」ができません。 この記事は、いい感じの図ができたから Slack で共有しようと思ったのに、保存できなくて焦った人など向けに作ったものです。 最後の方でブラウザの開発者ツールの話が出ますが、そこから HTML 文書をコピペするだけでいいのでは? と思いつく方は対象にしておりません。 TL;DR サンプルが以下です。 See the Pen Download SVG by Kitagawa (@aster-mnch) on CodePen. 保存処理だけを抜き出したのが以下です。 function downloadSvg(svgNode, filenam