[PGA] js-canvasプログラミング
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | ku | 4516 | C++ | 4.5 | 100% | 60.0 | 271 | 0 | 11 | 2025/02/24 |
| 2 | wato | 2183 | F+ | 2.3 | 95.1% | 60.0 | 138 | 7 | 4 | 2024/12/28 |
関連タイピング
-
プレイ回数251英語長文90秒 -
プレイ回数486長文記号201打 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数2539英語長文120秒 -
プログラミングの知識とタイピング能力を上げよう！
プレイ回数633長文30秒 -
全記号数字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数5456英語長文120秒 -
失敗しました。
プレイ回数213英語短文30秒 -
タッチタイピングを本当にマスターしたい方向けの問題です。
プレイ回数7218199打 -
JavaScript 暗記用です
プレイ回数1343英語長文687打
問題文
(ｄｏｃｕｍｅｎｔ．ｇｅｔｅｌｅｍｅｎｔｂｙｉｄ（”ｃａｎｖａｓ”）；)
canvas要素を手に入れる
(ｃａｎｖａｓ．ｇｅｔｃｏｎｔｅｘｔ（”２ｄ”）；)
描画コンテキストを手に入れる
(ｃｏｎｔｅｘｔ．ｆｉｌｌｒｅｃｔ（０， ０， ０， ０）；)
四角形をぬりつぶす
(ｒｇｂ（２５５， ２５５， ２５５）)
RGBで白をあらわす文字列
(ｃｏｎｔｅｘｔ．ｆｉｌｌｓｔｙｌｅ ＝ ”ｒｇｂ（０， ０， ０）”；)
ぬりつぶしのスタイルを黒にする
(ｃｏｎｔｅｘｔ．ｌｉｎｅｗｉｄｔｈ ＝ ５；)
線はばを5にする
(ｃｏｎｔｅｘｔ．ｓｔｒｏｋｅｓｔｙｌｅ ＝ ”ｒｇｂ（０， ０， ０）”；)
線をえがくときのスタイルを黒にする
(ｃｏｎｔｅｘｔ．ｓｔｒｏｋｅｒｅｃｔ（０， ０， ０， ０）；)
四角形の線をえがく
(ｃｏｎｔｅｘｔ．ｂｅｇｉｎｐａｔｈ（）；)
新しいパス作成をはじめる
(ｃｏｎｔｅｘｔ．ｃｌｏｓｅｐａｔｈ（）；)
パスを閉じる
(ｃｏｎｔｅｘｔ．ｍｏｖｅｔｏ（０， ０）；)
パスをかかずにペン先を移動する
(ｃｏｎｔｅｘｔ．ｌｉｎｅｔｏ（０， ０）；)
線のパスをえがく
(ｃｏｎｔｅｘｔ．ａｒｃ（１６０， １６０， ８０， ０， ｍａｔｈ．ｐｉ ＊ ２）；)
円形のパスをえがく
(ｃｏｎｔｅｘｔ．ｆｉｌｌｔｅｘｔ（”ｈｉ”， ０， ０）；)
テキストをぬりつぶす
(ｃｏｎｔｅｘｔ．ｄｒａｗｉｍａｇｅ（ｉｍａｇｅ， ０， ０）；)
画像をえがく
(ｉｍａｇｅ．ｏｎｌｏａｄ ＝ ｆｕｎｃｔｉｏｎ（） ｛｝；)
画像の読みこみが終わったときに何かする
(ｃｏｎｓｔ ｉｍａｇｅ ＝ ｎｅｗ ｉｍａｇｅ（）；)
新しい画像オブジェクトをつくる
(ｉｍａｇｅ．ｓｒｃ ＝ ”ｉｍａｇｅｓ／ｎｅｋｏ．ｐｎｇ”；)
画像オブジェクトに画像ファイルの場所をセットする
(＜ｓｃｒｉｐｔ＞)
スクリプトタグを開く
(＜／ｓｃｒｉｐｔ＞)
スクリプトタグを閉じる