[PGA] js-canvasプログラミング

順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
---|---|---|---|---|---|---|---|---|---|---|
1 | ku | 4516 | C++ | 4.5 | 100% | 60.0 | 271 | 0 | 11 | 2025/02/24 |
関連タイピング
-
JavaScript暗記用です
プレイ回数2466英語長文601打 -
JavaScript 暗記用です
プレイ回数2677英語長文594打 -
日本語・英語・特殊記号全て、右手タイピング制覇をしたい人。
プレイ回数65791247打 -
タイピングをマスターしたい方向けの問題です。
プレイ回数4万302打 -
Pyhonのプログラミングで使いそうな単語・記号を集めました
プレイ回数338英語短文30秒 -
メソッド名やクラス名をタイピングしよう
プレイ回数140長文英字60秒 -
Next.js英単語タイピング(1分間ランダム)
プレイ回数121英語60秒 -
公開されている実践的な javascript プログラムです
プレイ回数970英語長文2780打
問題文
(document.getelementbyid(”canvas”);)
canvas要素を手に入れる
(canvas.getcontext(”2d”);)
描画コンテキストを手に入れる
(context.fillrect(0, 0, 0, 0);)
四角形をぬりつぶす
(rgb(255, 255, 255))
RGBで白をあらわす文字列
(context.fillstyle = ”rgb(0, 0, 0)”;)
ぬりつぶしのスタイルを黒にする
(context.linewidth = 5;)
線はばを5にする
(context.strokestyle = ”rgb(0, 0, 0)”;)
線をえがくときのスタイルを黒にする
(context.strokerect(0, 0, 0, 0);)
四角形の線をえがく
(context.beginpath();)
新しいパス作成をはじめる
(context.closepath();)
パスを閉じる
(context.moveto(0, 0);)
パスをかかずにペン先を移動する
(context.lineto(0, 0);)
線のパスをえがく
(context.arc(160, 160, 80, 0, math.pi * 2);)
円形のパスをえがく
(context.filltext(”hi”, 0, 0);)
テキストをぬりつぶす
(context.drawimage(image, 0, 0);)
画像をえがく
(image.onload = function() {};)
画像の読みこみが終わったときに何かする
(const image = new image();)
新しい画像オブジェクトをつくる
(image.src = ”images/neko.png”;)
画像オブジェクトに画像ファイルの場所をセットする
(<script>)
スクリプトタグを開く
(</script>)
スクリプトタグを閉じる