»これまで、図形を作成してスタイルを適用する方法を見てきました。面白い機能のひとつが、画像を扱えることです。これは動的な画像合成を行う、グラフの背景として使用する、ゲームのスプライトとして使用するなどといったことが可能です。いった、ブラウザがサポートする形式の外部画像を使用できます。要素への参照を、ソースとして取得します。与えることでも、画像を使用できます。これを行う方法を見ていきましょう。コンストラクタを使用して作成した画像も含みます。要素を画像ソースとして使用すると、現在のフレームを動画から取得して、画像として使用します。要素を画像ソースとして使用できます。型から参照されています。使用する画像を取得する方法がいくつかあります。呼び出してほかのドメインから画像を読み込む許可を求めることができます。汚染せずに画像を使用できます。要素にアクセスできます。使用する前に、そのキャンバスで描画を終えるようにしてください。オブジェクトを作成することです。ソースのパスを設定このスクリプトを実行すると、画像の読み込みが始まります。(あるいは、古いブラウザでは例外が発生するかもしれません)。使用しない場合はよい方法ですが、複数の画像を追跡しなければならない場合は、より器用な方法に頼らなければなりません。画像の事前読み込み法を見ていくことはこのチュートリアルの対象を超えますが、心に留めておいてください。エンコードした文字列として、コード内で完全に定義できます。利点のひとつが、別にサーバとの通信を行うことなく即座に結果の画像を使用できることです。CSS、JavaScript、HTML、画像をひとつのファイルにカプセル化することもでき、ほかの場所へ持ち運びやすくなります。