たった８行！キャンバスをワンクリックで保存させるJavaScriptコード（IEも大丈夫） – console dot log
前回の「コピペでOK！Chart.js の数字を３桁カンマで表示する方法」でも書きましたけど、HTML5のcanvasを使ってグラフを描く開発をしてます。 canvasは久しぶりにさわりましたけど、よく考えたらこれって結構使い勝手いいですよね。chart.jsがやってるみたいに可変的に画像を変更できますし、速度も遅くはありませんので。 で、その後キャンバスを画像で保存する必要がでてきたんで色々と探ってみた結果、なんと（DL部分は）たった８行で実現できることが分かったんで、シェアをしたいと思います。（しかもあのにっくきインターネットエクスプローラーでも動きますよ！） ダウンロード・サンプル いきなり完成版コード 今回はコードが少ないんで先に完全版コードから紹介します。 なお、ネイティブJavaScript で書いてます。 つまり、jQueryを使ってなくてもOKですし、あなたがReactフリ
フロントエンドでバイナリファイルを扱うためのBlobオブジェクトとFileオブジェクト - 30歳からのプログラミング
このエントリで紹介するBlobやFile、FileReaderはHTML5で利用可能になったAPIで、ECMAScriptで定義されているわけではない。 そのため、Node.jsには存在せず、ブラウザ環境でのみ利用できる。 Blob Blobは、バイナリデータを表すimmutableなオブジェクト。 const blob = new Blob(['<xml>foo</xml>'], {type: 'text/xml'}); console.log(blob); // Blob(14) {size: 14, type: "text/xml"} 第二引数で設定しているtypeで、MIMEを設定できる。 何も設定しなかった場合は空の文字列になる。 File Fileはその名の通りファイルを表すオブジェクトで、Blobを継承している。 const file = new File(['<xml>fo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
