Canvas学习(二):绘制特殊矩形

同时绘制有边框和填充色的矩形




您的浏览器不支持 HTML5 canvas 标签。


Canvas学习(二):绘制特殊矩形_第1张图片



绘制折角或圆角矩形

lineJoin 属性设置或返回所创建边角的类型,当两条线交汇时。lineJoin属性,w3c用法链接

Canvas学习(二):绘制特殊矩形_第2张图片





清除矩形

clearRect() 方法清空给定矩形内的指定像素。clearRect()方法,w3c用法链接

clearRect() 方法清空给定矩形内的指定像素。

JavaScript 语法: context.clearRect(x,y,width,height);
参数 描述
x 要清除的矩形左上角的 x 坐标。
y 要清除的矩形左上角的 y 坐标。
width 要清除的矩形的宽度,以像素计。
height 要清除的矩形的高度,以像素计。
  


Canvas学习(二):绘制特殊矩形_第3张图片


 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
  

你可能感兴趣的:(HTML5,前端综合)