画像の使用 - Web API | MDN

前のページ 次のページ これまで、図形を作成してスタイルを適用する方法を見てきました。 <canvas> のより面白い機能のひとつが、画像を扱えることです。これは動的な画像合成を行う、グラフの背景として使用する、ゲームのスプライトとして使用するなどといったことが可能です。 PNG、GIF、JPEG といった、ブラウザーが対応しているどの形式でも外部画像が使用できます。同じページ上の別のキャンバス要素によって生成された画像も、ソースとして使用できます。 基本的には 2 段階の手続きによって、画像をキャンバスにインポートします。 HTMLImageElement オブジェクトまたは別の canvas 要素への参照を、ソースとして取得します。URL を与えることでも、画像を使用できます。 drawImage() 関数を使用して、画像をキャンバスに描きます。 これを行う方法を見ていきましょう。 キ

[naohero22]

“drawImage(image, x, y, width, height)” 位置 大きさで指定