キャンバスのスクラッチオフに関するチュートリアルの例

今日は、前の記事の宝くじゲームと組み合わせて、
キャンバスを使用して小さなゲーム、つまりスクラッチオフを作成します。
まず、canvasを使って幅と高さが200pxのキャンバスを作成します。次に、span タグをキャンバスに配置します。

効果は次のとおりです

次に、canvasタグを取得し、配列を定義し、canvasを使用してグレーを描画します この部分をスクエアライブ。

効果は以下の通りです

マウスが移動すると、キャンバス上の灰色のレイヤーをクリアしてテキストを表示します。以下（1等）。

効果は次のとおりです

最後に、定義した配列をランダムにシャッフルし、灰色のレイヤーをクリアすると、さまざまな賞品が表示されます。

効果は次のとおりです

お役に立てば幸いです、ありがとう！

以上がキャンバスのスクラッチオフに関するチュートリアルの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。