首页 > 代码库 > canvas知识点积累

canvas知识点积累

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)是路径上新追加的坐标点。

 

canvas知识点积累