前回の「コピペでOK!Chart.js の数字を3桁カンマで表示する方法」でも書きましたけど、HTML5のcanvasを使ってグラフを描く開発をしてます。 canvasは久しぶりにさわりましたけど、よく考えたらこれって結構使い勝手いいですよね。chart.jsがやってるみたいに可変的に画像を変更できますし、速度も遅くはありませんので。 で、その後キャンバスを画像で保存する必要がでてきたんで色々と探ってみた結果、なんと(DL部分は)たった8行で実現できることが分かったんで、シェアをしたいと思います。(しかもあのにっくきインターネットエクスプローラーでも動きますよ!) ダウンロード・サンプル いきなり完成版コード 今回はコードが少ないんで先に完全版コードから紹介します。 なお、ネイティブJavaScript で書いてます。 つまり、jQueryを使ってなくてもOKですし、あなたがReactフリ
![たった8行!キャンバスをワンクリックで保存させるJavaScriptコード(IEも大丈夫) – console dot log](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4787a871cf01644add55c2f623ba848b48edb41/height=288;version=1;width=512/https%3A%2F%2Fblog.capilano-fw.com%2Fwp-content%2Fuploads%2F2018%2F02%2Fcomputer_cloud_storage.png)