JavaScript»キャンバス»画像を描くdrawImage キャラクターを切り出して表示する

ファイル名: js-canvas/quest_00094.html

図のように、右を向いたキャラクター画像がぞう表示ひょうじしてください。ただし、使用する元画像がぞうには上下左右を向いたキャラクター12種類しゅるいがならんでいます。画像がぞうは下のリンクからダウンロードできます。

画像をダウンロード

ヒント

画像がぞう縦横たてよこの長さと、ならんでいるキャラクターの数から、キャラクターひとつの縦横たてよこの長さを計算しよう。