画像の一部を描画することができます。
UFOの窓のある部分が表示されてます。 画像データの座標と幅、高さを指定して描画します。
imgUfo.onload = function(){
context.drawImage(imgUfo, 0, 0,imgUfo.width, imgUfo.height,
0, 0,imgUfo.width, imgUfo.height);
x = 9;
y = 5;
w = 42;
h = 17;
context.drawImage(imgUfo, x, y, w, h,
0, 60, w, h);
}
画像データの描画したい部分の座標と幅、高さをペイントなどのツールで取得します。
|