JavaScript『canvas』
JavaScript 暗記用です
HTMLのキャンバスにJavaScriptで描画
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 2342 | 頑張ったね！ | 2.3 | 98.1% | 656.6 | 1567 | 29 | 57 | 2025/12/08 |
関連タイピング
-
CSS 3 暗記用です。
プレイ回数1032 英語長文481打 -
ホームポジションが自然と身につく！
プレイ回数1346 短文60秒 -
キーボードにある記号全て使います！！
プレイ回数3578 英語60秒 -
CSS 3 暗記用です。
プレイ回数1019 英語長文890打 -
CSS 暗記用です
プレイ回数331 英語長文742打 -
プレイ回数2724 短文9打 -
プログラミングを学びたい方は是非！2025/05/21公開
プレイ回数2052 610打 -
JavaScript 暗記用です
プレイ回数2177 英語長文2218打
問題文
ふりがな非表示
ふりがな表示
(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();