JavaScript『canvas』

背景
投稿者投稿者marineいいね4お気に入り登録1
プレイ回数1746難易度(3.7) 1567打 英語 英字
JavaScript 暗記用です
HTMLのキャンバスにJavaScriptで描画

関連タイピング

問題文

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

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

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

marineのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード