>indexedDBのデータベースに画像を保存する[HTML5新機能]HTML5の新機能である「indexedDB」のデータベースに画像を保存する方法です。画像ということで、Canvasや画像のスキャンラインも操作していますので、画像処理をある程度知っている方でないと、少し難しいかも知れないです。一部のブラウザの仕様では、サーバーにHTMLファイルをアップしないと、正常に動作しない場合がありますのでご了承ください。事前準備このサンプルではPromiseオブジェクトという新機能を使用しています。Chrome/FireFoxなどは標準で使用可能ですが、IEは未対応ですので、互換性があるMITライセンスの「npo.src.js」(8.7KB)を各自でダウンロードして下さい。※Promiseの詳細に関してはPromiseを使用して複数のファイルを連続して読み込む[IE対応版]の記事をご覧ください。indexedDBオブジェクトはPromiseを使用しなくても動作可能です。indexedDBの確認方法indexedDBなどのストレージをブラウザで確認するにはF12キーを押して開発者ツールを起動させます。Chromeの場合は、Applicationを選択すると表示される「Storage」にIndexedDBがあります。IE/Edgeはわかりません。探せばあるかも知れません。※タブレット、スマートフォンやその他のブラウザは未確認です。最初に画像ファイルを読み込みます。次に「indexedDBへ画像を保存する」ボタンを押すと、画像がindexedDBのデータベースに保存されます。その後、自動的にデータベースから画像を読み取って画像の色を反転させてCanvasに描画します。データベースに接続できませんでした。データベース接続後にエラーが発生しました。わかりやすいように、色を反転させてます。alert('このファイルは読み込めません。id="SrcCanvas"></canvas></body></html>データベースやデータの削除データベース、データ(レコード)の削除は次のようにします。(3)このブログについてオープンソースGitHubで複数のオープンソースを公開。Webアプリこのブログのマスターが作成した無料ツールです。(オープンソース)ブラウザで8/16/24/32bitの相互変換。Webの逆アセンブラブラウザでEXE/DLLファイルを逆アセンブルする※その他にも「プチラボ」でアプリを多数公開しています。3Dゲームこのブログのマスターが作成した無料ゲームです。短時間で遊べるファンタジーのオンラインRPG風ほのぼの癒し系のスマホアプリ※その他は「@ゲーム」で公開しています。※インストール不要でそのまま遊べます。スマートフォンこのブログのマスターが作成した無料アプリです。お主の画像減色お手軽にカメラの写真や画像を「高品質に減色」するお主は誰だ。(女性向け)ロボットこのブログのマスターが作成したロボットです。