JavaScript»基礎»関数 指定したトランプカードを表示する関数

ファイル名: js-basic/quest_00191.html

下のソースコードに必要なプログラムを書き加えて、ロイヤルストレートフラッシュを表示ひょうじするプログラムを完成させてください。画像がぞうは下のリンクからダウンロードできます。

画像をダウンロード

ソースコード

const canvas = document.getElementById("canvas");
const context = canvas.getContext("2d");

const cards = new Image();
cards.src = "cards.png";
cards.onload = function() {

  // ここに、指定したトランプカードを表示する関数 drawCard を書いてね
  // drawCard(0, 120, 13, 1) なら、x座標が0、y座標が120のところにスペードの13のカードを表示します
  // マークは次のとおり、数であらわします
  // - 1: スペード
  // - 2: クラブ
  // - 3: ハート
  // - 4: ダイヤ

  drawCard(48, 128, 10, 1);
  drawCard(96, 128, 11, 1);
  drawCard(144, 128, 12, 1);
  drawCard(192, 128, 13, 1);
  drawCard(240, 128, 1, 1);
};

ヒント

画像がぞうのトランプはどういう法則ほうそくでならんでいるかな?