エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptで描くトランプの図柄 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptで描くトランプの図柄 - Qiita
前回の記事では Canvas API の基本的な扱いや注意点を述べました。今回はそのことを踏まえ、トランプの... 前回の記事では Canvas API の基本的な扱いや注意点を述べました。今回はそのことを踏まえ、トランプの画像を Canvas API で描いていこうと思います。 それでは改めてトランプの図柄を見ていきましょう。縦横ともに 48px の正方形でカード部分は白で塗りつぶし、黒で囲います。その上に、上部にスート(記号)、下部にランク(数値)を配置する。これが基本形となります。 今回も雛形となる html ファイルを用意しましょう。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"/> </head> <body> <canvas id="cvs"> <script> </script> </body> </html>