JavaScript『canvas』

投稿者marineプレイ回数420お気に入り1
難易度(3.7) 1567打 英語 英字タグJavaScript 暗記用 canvas プログラミング
JavaScript 暗記用です
HTMLのキャンバスにJavaScriptで描画
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 itijiku2 4213 スペシャリスト! 4.4 94.0% 348.4 1567 99 57 2021/08/31
2 mh 2634 すごいね! 2.6 97.6% 580.8 1567 37 57 2021/09/20
3 いわお 909 明日があるさ! 1.1 80.8% 1313.7 1567 372 57 2021/09/28

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(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();

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、宣伝行為は禁止です。

※ランキング登録した名前で投稿されます。

※コメントは日本語で投稿してください。

※歌詞のコメントは著作権侵害となります。投稿しないでください!