HTML5Canvasのクロスオリジンデータ
キャンバスのクロスオリジンデータの場合、次の属性を
<img src="..." crossorigin="Anonymous" /> <video src="..." crossorigin="Anonymous"></video>
オリジン間リソース共有を有効にするには、以下を使用します。これにより、画像は画像応答とともにHTTPヘッダーを渡すことができます。
Access-Control-Allow-Origin: *
または、クロスオリジンデータの問題を解決するには、次のパラメータを使用します-
--allow-file-access-from-files
-
データURLからHTML5キャンバスへの画像の描画
データURLがある場合は、キャンバスに画像を作成できます。これは、次のコードスニペットに示すように実行できます- var myImg = new Image; myImg.src = strDataURI; drawImage（）メソッドは、画像、キャンバス、またはビデオをキャンバスに描画します。 drawImage（）メソッドは、画像の一部を描画したり、画像サイズを拡大/縮小したりすることもできます。 以下のコードは、シーケンスにも適しています。イメージを作成し、新しいイメージを使用するようにonloadを設定してから、srcを設定します- // load image from data
-
HTML5のIndexedDB
indexeddbは、ユーザーのブラウザ内にデータを保存するための新しいHTML5の概念です。 indexeddbは、ローカルストレージよりも強力であり、大量のデータを保存する必要があるアプリケーションに役立ちます。これらのアプリケーションは、より効率的に実行し、より高速にロードできます。 W3Cは、Web SQLデータベースが非推奨のローカルストレージ仕様であるため、Web開発者はこのテクノロジーを使用しないようにすることを発表しました。 indexeddbは、Web SQLデータベースの代替であり、古いテクノロジーよりも効果的です。 以下の機能があります- キーペアの値を保存します