码迷,mamicode.com
首页 > 其他好文 > 详细

canvas知识点积累

时间:2017-05-24 20:20:44      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:完全   高度   stroke   height   需要   class   canvas   透明   width   

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知识点积累

标签:完全   高度   stroke   height   需要   class   canvas   透明   width   

原文地址:http://www.cnblogs.com/yihen-dian/p/6900678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!