canvas知识点积累

Posted 2020-09-19 伊痕殿

fillRect(x,y,width,height) 填充一个矩形区域，绘制已填色的矩形，默认填充颜色为黑色。x：矩形左上横坐标，y：矩形左上纵坐标，width：矩形宽度，height：矩形高度。

stokeRect(x,y,width,height) 绘制矩形边框，不填色，默认笔触颜色是黑色。x：矩形左上横坐标，y：矩形左上纵坐标，width：矩形宽度，height：矩形高度。

Rect(x,y,width,height) 描述矩形的绘制路径，需要调用fill()或者stroke()才可以起作用。

 

canvas 增加透明度

只有部分图形需要用到透明度，则利用fillStyle = rgba(255,255,255,0.5) 透明度范围为0-1,0完全透明，1完全不透明

所有图形都需要透明度时调用globalAlpha 属性，透明度范围为0-1,0完全透明，1完全不透明，默认1.

 

canvas 描绘2维的贝塞尔曲线

context.quadraticCurveTo(cpx,cpy,x,y)，(cpx,cpy)是控制点，（x,y）是路径上新追加的坐标点。