学习HTML5中canvas会遇到的问题-创新互联

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

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

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

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

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

• 

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

  
  本文题目：学习HTML5中canvas会遇到的问题-创新互联
  转载源于：http://cqcxhl.cn/article/doshgs.html