JavaScript『canvas』
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | qqq | 2312 | 頑張ったね！ | 2.4 | 96.3% | 652.2 | 1567 | 59 | 57 | 2025/10/27 |
| 2 | mikaroko | 1967 | 頑張ったね！ | 2.0 | 97.0% | 772.0 | 1567 | 48 | 57 | 2025/09/25 |
| 3 | mh | 1802 | 頑張ったね！ | 1.8 | 96.1% | 834.5 | 1567 | 63 | 57 | 2025/10/27 |
関連タイピング
-
エンターキー周辺の記号
プレイ回数1190英語短文47打 -
プログラミングタイピング
プレイ回数267英字60秒 -
タイピングをマスターしたい方向けの問題です。
プレイ回数8207長文英字326打 -
タッチタイピングを本当にマスターしたい方向けの問題です。
プレイ回数1万英字344打 -
プログラミングを学びたい方は是非！2025/05/21公開
プレイ回数1134610打 -
コマンドラインやプログラミング言語のタイピング練習用
プレイ回数2141英語長文90秒 -
競技プログラミングに特化したc++コードのタイピングです。
プレイ回数2515英語長文300秒 -
JavaScript 暗記用です
プレイ回数2972英語長文594打
問題文
(c.fillRect(x,y,w,h);)
c.fillRect(x,y,w,h);
(c.strokeRect(x,y,w,h);)
c.strokeRect(x,y,w,h);
(c.clearRect(x,y,w,h);)
c.clearRect(x,y,w,h);
(c.beginPath();)
c.beginPath();
(c.moveTo(x,y);)
c.moveTo(x,y);
(c.lineTo(x,y);)
c.lineTo(x,y);
(c.closePath();)
c.closePath();
(c.quadraticCurveTo(px,py,x,y);)
c.quadraticCurveTo(px,py,x,y);
(c.bezierCurveTo(px,py,px,py,x,y);)
c.bezierCurveTo(px,py,px,py,x,y);
(c.arcTo(x,y,x,y,r);)
c.arcTo(x,y,x,y,r);
(c.arc(x,y,r,0,n/180*Math.PI);)
c.arc(x,y,r,0,n/180*Math.PI);
(c.arc(x,y,r,0,n/180*Math.PI,true);)
c.arc(x,y,r,0,n/180*Math.PI,true);
(c.rect(x,y,w,h);)
c.rect(x,y,w,h);
(c.fill();)
c.fill();
(c.fillStyle='blue';)
c.fillStyle='blue';
(c.stroke();)
c.stroke();
(c.strokeStyle='red';)
c.strokeStyle='red';
(c.lineWidth=w;)
c.lineWidth=w;
(c.lineCap='round';)
c.lineCap='round';
(c.lineJoin='bevel';)
c.lineJoin='bevel';
(c.miterLimit=2;)
c.miterLimit=2;
(c.clip();)
c.clip();
(c.globalAlpha=0.5;)
c.globalAlpha=0.5;
(c.shadowColor='#0008';)
c.shadowColor='#0008';
(c.shadowOffsetX=3;)
c.shadowOffsetX=3;
(c.shadowOffsetY=4;)
c.shadowOffsetY=4;
(c.shadowBlur=5;)
c.shadowBlur=5;
(c.save();)
c.save();
(c.restore();)
c.restore();
(c.scale(wRate,hRate);)
c.scale(wRate,hRate);
(c.rotate(n/180*Math.PI);)
c.rotate(n/180*Math.PI);
(c.translate(x,y);)
c.translate(x,y);
(c.transform (scaleX,angleY,angleX,scaleY,moveX,moveY);)
c.transform (scaleX,angleY,angleX,scaleY,moveX,moveY);
(c.setTransform (scaleX,angleY,angleX,scaleY,moveX,moveY);)
c.setTransform (scaleX,angleY,angleX,scaleY,moveX,moveY);
(const w=canvas.width; const lineG=c.createLinearGradient(0,0,w,0);)
const w=canvas.width; const lineG=c.createLinearGradient(0,0,w,0);
(const h=canvas.height; const lineG=c.createLinearGradient(0,0,0,h);)
const h=canvas.height; const lineG=c.createLinearGradient(0,0,0,h);
(lineG.addColorStop(0,'#f00'); lineG.addColorStop(1,'#00f');)
lineG.addColorStop(0,'#f00'); lineG.addColorStop(1,'#00f');
(const [w,h]=[canvas.width,canvas.height]; const RG=c.createRadialGradient(w/2,h/2,0,w/2,h/2,h/2);)
const [w,h]=[canvas.width,canvas.height]; const RG=c.createRadialGradient(w/2,h/2,0,w/2,h/2,h/2);
(const CP=c.createPattern(img,'repeat-y'); c.fillStyle=CP;)
const CP=c.createPattern(img,'repeat-y'); c.fillStyle=CP;
(c.strokeText('xyz',50,100,200);)
c.strokeText('xyz',50,100,200);
(c.fillText('xyz',50,100,200);)
c.fillText('xyz',50,100,200);
(c.textAlign='center';)
c.textAlign='center';
(c.font='italic bold 60px serif';)
c.font='italic bold 60px serif';
(c.textBaseline='middle';)
c.textBaseline='middle';
(console.log(c.measureText('abc').width);)
console.log(c.measureText('abc').width);
(c.drawImage(img,x,y);)
c.drawImage(img,x,y);
(c.drawImage(img,x,y,w,h);)
c.drawImage(img,x,y,w,h);
(c.drawImage(img,10,10,30,30,0,0,w,h);)
c.drawImage(img,10,10,30,30,0,0,w,h);
(const imgD=c.createImageData(w,h); const imgD2=c.createImageData(imgD);)
const imgD=c.createImageData(w,h); const imgD2=c.createImageData(imgD);
(imgD.data;)
imgD.data;
(const imgD3=c.getImageData(x,y,w,h);)
const imgD3=c.getImageData(x,y,w,h);
(c.putImageData(imgD,x,y);)
c.putImageData(imgD,x,y);
(imagedata.width; imagedata.height;)
imagedata.width; imagedata.height;
(c.globalCompositeOperation='destination-over';)
c.globalCompositeOperation='destination-over';
(c.canvas;)
c.canvas;
(c.isPointInPath(x,y);)
c.isPointInPath(x,y);
(c.caretBlinkRate();)
c.caretBlinkRate();