fillStyle:填充样式 (context.fillStyle = “rgb(200,0,0)”;)

strokeRect:描边 (context.strokeRect(10, 10, 120, 80);)

fillRect:填充矩形 (context.fillRect (10, 10, 55, 50);)

fillRect(x, y, width, height)   fill 非尔 rect ruai可得

绘制一个填充的矩形

strokeRect(x, y, width, height)  stroke 死拽可 rect ruai可得

绘制一个矩形的边框

clearRect(x, y, width, height)   clear 克力儿  rect ruai可得

清除指定矩形区域,让清除部分完全透明。

beginPath()  begin 比耿(开始) Path 拍付(道路)

新建一条路径,生成之后,图形绘制命令被指向到路径上生成路径。

closePath()  close 扣磊死 (结束) Path 拍付(道路)

闭合路径之后图形绘制命令又重新指向到上下文中。

stroke()    stroke 死坠可  (画)

通过线条来绘制图形轮廓。

fill()  fill 非尔 (填充)

通过填充路径的内容区域生成实心的图形。

 

 注意:当前路径为空,即调用beginPath()之后,或者canvas刚建的时候,第一条路径构造命令通常被视为是moveTo(),无论最后的是什么。出于这个原因,你几乎总是要在设置路径之后专门指定你的起始位置。

 


   

发表评论

邮箱地址不会被公开。 必填项已用*标注