拡大・縮小した画像を配置することができます。描画する際のサイズを示します。上で数回繰り返して貼り付けています。ループ処理によって、さまざまな場所に縮小した画像を貼り付けました。ループで行の繰り返し処理を行います。ループで列の繰り返し処理を行います。ピクセルに縮小しています。画像を拡大しすぎると不鮮明に、あるいは縮小しすぎると荒くなります。読みやすくしておかなければならない文字列が画像内にある場合は、サイズを変更しないほうがよいでしょう。個の引数が追加されています。指定したサイズに拡大・縮小します。何を行っているかを正しく理解するために、右の画像を見ると役に立つでしょう。つの引数は、ソース画像を切り抜く場所とサイズを定義します。画像を描画する矩形を定義します。切り抜きは、画像を合成する際に役に立つでしょう。ひとつの画像ファイルにすべての要素を置いておき、このメソッドを使用して完成形の描画結果に合成します。画像を用意して、データに応じてチャートの目盛りをとても簡単に変更できるでしょう。ほかの利点として、すべての画像を個別に読み込む必要がありませんので、読み込みパフォーマンスが向上するでしょう。画像をフレームに収める以下の例では前の例と同じサイの画像を使用していますが、頭の部分を切り抜いて額縁の中に合成しています。ビットのアルファチャンネルが含まれていますので、マットカラーに悩まされることなく背景に重ねることができます。ctx.drawImage(document.getElementById('frame'),0,0);}この例では、画像の読み込みに別の方法を使用しています。タグとして直接含めておき、そこから画像を取り込んでいます。設定して隠しています。sampleスクリプト自体はとてもシンプルです。使用して簡単に選択できます。呼び出して枠を描きます。アートギャラリーの例この章の最後の例では、小さなアートギャラリーを作ります。いくつかの画像を持つテーブルで、ギャラリーを構成します。要素を挿入して、そこに画像と額縁を描画します。ここでは、周囲に描く額縁を含むすべての画像が一定の幅および高さです。額縁をぴったり合わせるために画像の幅と高さを使用するよう、スクリプトを改良することができるでしょう。以下のコードは自明でしょう。メソッドを使用していることです。}}画像のサイズ変更の動作を制御する先に述べたとおり、サイズを変更した画像は変更処理の影響で、不鮮明またはブロック状のアーティファクトが発生します。プロパティを使用できます。あり、画像のサイズを変更する際にスムージングを行います。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。