[PGA] js-canvasプログラミング
関連タイピング
-
タイピングをマスターしたい方向けの問題です。
プレイ回数8839長文英字344打 -
プレイ回数2.1万英字60秒 -
プログラミングに使われる「JavaScript」を打ちます。
プレイ回数55210打 -
ひたすら「ざじずぜぞ」を入力します
プレイ回数1809短文10打 -
メソッド名やクラス名をタイピングしよう
プレイ回数196長文英字60秒 -
プログラミング(IT)用語を素早く入力しましょう。
プレイ回数459短文かな143打 -
javaやpythonのコードを打つタイピングです
プレイ回数780長文60秒 -
ITエンジニアならみんな知ってる？！解説付きタイピング！
プレイ回数419短文60秒
問題文
(ｄｏｃｕｍｅｎｔ．ｇｅｔｅｌｅｍｅｎｔｂｙｉｄ（”ｃａｎｖａｓ”）；)
canvas要素を手に入れる
(ｃａｎｖａｓ．ｇｅｔｃｏｎｔｅｘｔ（”２ｄ”）；)
描画コンテキストを手に入れる
(ｃｏｎｔｅｘｔ．ｆｉｌｌｒｅｃｔ（０， ０， ０， ０）；)
四角形をぬりつぶす
(ｒｇｂ（２５５， ２５５， ２５５）)
RGBで白をあらわす文字列
(ｃｏｎｔｅｘｔ．ｆｉｌｌｓｔｙｌｅ ＝ ”ｒｇｂ（０， ０， ０）”；)
ぬりつぶしのスタイルを黒にする
(ｃｏｎｔｅｘｔ．ｌｉｎｅｗｉｄｔｈ ＝ ５；)
線はばを5にする
(ｃｏｎｔｅｘｔ．ｓｔｒｏｋｅｓｔｙｌｅ ＝ ”ｒｇｂ（０， ０， ０）”；)
線をえがくときのスタイルを黒にする
(ｃｏｎｔｅｘｔ．ｓｔｒｏｋｅｒｅｃｔ（０， ０， ０， ０）；)
四角形の線をえがく
(ｃｏｎｔｅｘｔ．ｂｅｇｉｎｐａｔｈ（）；)
新しいパス作成をはじめる
(ｃｏｎｔｅｘｔ．ｃｌｏｓｅｐａｔｈ（）；)
パスを閉じる
(ｃｏｎｔｅｘｔ．ｍｏｖｅｔｏ（０， ０）；)
パスをかかずにペン先を移動する
(ｃｏｎｔｅｘｔ．ｌｉｎｅｔｏ（０， ０）；)
線のパスをえがく
(ｃｏｎｔｅｘｔ．ａｒｃ（１６０， １６０， ８０， ０， ｍａｔｈ．ｐｉ ＊ ２）；)
円形のパスをえがく
(ｃｏｎｔｅｘｔ．ｆｉｌｌｔｅｘｔ（”ｈｉ”， ０， ０）；)
テキストをぬりつぶす
(ｃｏｎｔｅｘｔ．ｄｒａｗｉｍａｇｅ（ｉｍａｇｅ， ０， ０）；)
画像をえがく
(ｉｍａｇｅ．ｏｎｌｏａｄ ＝ ｆｕｎｃｔｉｏｎ（） ｛｝；)
画像の読みこみが終わったときに何かする
(ｃｏｎｓｔ ｉｍａｇｅ ＝ ｎｅｗ ｉｍａｇｅ（）；)
新しい画像オブジェクトをつくる
(ｉｍａｇｅ．ｓｒｃ ＝ ”ｉｍａｇｅｓ／ｎｅｋｏ．ｐｎｇ”；)
画像オブジェクトに画像ファイルの場所をセットする
(＜ｓｃｒｉｐｔ＞)
スクリプトタグを開く
(＜／ｓｃｒｉｐｔ＞)
スクリプトタグを閉じる