这期内容当中小编将会给大家带来有关学习HTML5中canvas会遇到的问题，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

创新互联专注于企业全网营销推广、网站重做改版、阳江网站定制设计、自适应品牌网站建设、H5网站设计、电子商务商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为阳江等各大城市提供网站开发制作服务。1. 非零环绕原则(nonzZero rule)

• 非零环绕原则是canvas在进行填充的时候是否要进行填充的判断依据。

• 在判断填充的区域拉一条线出来，拉到图形的外面，这条拉出来的线就是辅助线。判断绘制的线是否是从辅助线的左边穿过到辅助线的右边，此时这种穿过的方式记录为+1;如果是从辅助线的右边穿到辅助线的左边，就记做-1.最后将所有记录的数字进行求和，如果求和的结果为0，代表这块区域不要填充，否则，必须填充

• 上面的原理较难理解，可以这样理解，当在大矩形中绘制小矩形，大矩形的绘制方向与小矩形的绘制方向相同时，填充颜色后，大小矩形都填充相同颜色；大矩形的绘制方向与小矩形的绘制方向相反时，填充颜色后，小矩形不会填充颜色，大矩形与小矩形之间的区域会填充颜色。

• 大矩形的绘制方向与小矩形的绘制方向相同时的代码

• 

  1  2  3  4  5  6  7  8  9 10 11 12 28 29 30 

  
  网页名称：学习HTML5中canvas会遇到的问题-创新互联
  网站路径：http://hbruida.cn/article/doshgs.html