JavaScript『canvas』
関連タイピング
-
プレイ回数417英語長文220打
-
プレイ回数4171英語長文300秒
-
プレイ回数5935英語長文120秒
-
プレイ回数61561247打
-
プレイ回数1393英語長文1462打
-
プレイ回数33万1071打
-
プレイ回数393英語長文285打
-
プレイ回数477英字615打
問題文
(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();