JavaScript『canvas』

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