The best of CES 2025Presenting our 12 finalists, plus the winner of our best in show award.
Engadget | Technology News & Reviews
The best of CES 2025Presenting our 12 finalists, plus the winner of our best in show award.
canvasで描いた絵をPHPでサーバー上に保存する方法
canvasを画像データとして取得したい場合は、canvasのDOMオブジェクトにtoDataURLメソッドを使えば簡単に取得できる。 先日紹介した画像保存機能のついてないお絵描きツール、Canvas Painterを開いて適当に絵を描き、F12キーで開発者ツールを開いてコンソール画面で『window.open(document.querySelector(‘canvas’).toDataURL())』とすると描いた画像データが表示されるので、右クリックで保存できる。ちなみに、標準ではPNG画像だけれども、toDataURLの引数を”image/jpeg”とすると、JPEG画像が取得できる(ただし、透過部分は真っ黒になるよう)。 ただ、上記で作成された画像データはBase64のデータ。これをどうやったらPHPを用いて画像ファイルとしてサーバー上に保存できるかが分からなかったので調べてみると
Node.js : POSTしたDataURL をファイルに保存 : typeOf 'aki_mana'
ファイルをアップロードという手法の他にも、クライアント（JavaScript）で生成した DataURL なデータをサーバー側でファイルに保存するというアプローチが考えられる。 DataURL な文字列を解析して、Bufferオブジェクトにし、それを WriteStream オブジェクトでファイル化 こんな感じで。 var parseDataURL = function( dataURL ){ var rslt = { mediaType : null, encoding : null, isBase64 : null, data : null }; if( /^data:([^;]+)(;charset=([^,;]+))?(;base64)?,(.*)/.test( dataURL ) ) { rslt.mediaType = RegExp.$1 || 'text/plain'; rs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
