HTML5中canvas的题目总结-

学习HTML5canvas碰到的题目1.非零围绕准则(nonzZerorule)?非零围绕准则是canvas在进行添补的时候可否要进行添补的推断根据。在推断添补的区域拉一条线出来，拉到图形的外面，这条拉出来的线就是辅助线。推断绘制的线可否是从辅助线的左边穿过到辅助线的右侧，此时这种穿过的方式记载为+1;要是是从辅助线的右侧穿到辅助线的左边，就记做-1.最后将所有记载的数 　　学习HTML5 canvas碰到的题目

1. 非零围绕准则(nonzZero rule)

• 非零围绕准则是canvas在进行添补的时候可否要进行添补的推断根据。

• 在推断添补的区域拉一条线出来，拉到图形的外面，这条拉出来的线就是辅助线。推断绘制的线可否是从辅助线的左边穿过到辅助线的右侧，此时这种穿过的方式记载为+1;要是是从辅助线的右侧穿到辅助线的左边，就记做-1.最后将所有记载的数字进行求和，要是求和的效果为0，代表这块区域不要添补，不然，必需添补

• 上面的道理较难了解，可以这样了解，当在大矩形中绘制小矩形，大矩形的绘制标的目的与小矩形的绘制标的目的雷同时，添补色彩后，大小矩形都添补雷同色彩；大矩形的绘制标的目的与小矩形的绘制标的目的相反时，添补色彩后，小矩形不会添补色彩，大矩形与小矩形之间的区域会添补色彩。

• 大矩形的绘制标的目的与小矩形的绘制标的目的雷同时的代码

以上就是HTML5中canvas的题目总结的细致内容，更多请关注 百分百源码网 其它相干文章！