当我们用到 fill（或者 clip和isPointinPath ）你可以选择一个填充规则，该填充规则根据某处在路径的外面或者里面来决定该处是否被填充，这对于自己与自己路径相交或者路径被嵌套的时候是有用的。
两个可能的值：
"nonzero" : non-zero winding rule, 默认值
"evenodd" : even-odd winding rule.
这个例子，我们用填充规则 evenodd
<canvas id="stash"></canvas>
<script>
var stash = document.querySelector('#stash').getContext('2d');
stash.beginPath();
stash.arc(50,50,50,0,Math.PI*2);
stash.arc(50,50,20,0,Math.PI*2);
stash.fill("evenodd");
</script>
当我们用到 fill（或者 clip和isPointinPath ）你可以选择一个填充规则，该填充规则根据某处在路...
1,看一块区域是否填充2,从这个区域拉一条直线出去3,看和这条直线相交的轨迹4,如果相交的是顺时针轨迹就+15,如...
剪纸漏洞效果主要是利用了canvas的非零环绕规则简单来说就是canvas fill填充的是同一路径顺时针和逆时针...
接口指南 获取渲染上下文 绘制形状 绘制路径 色彩 线型 渐变 图案 阴影 canvas填充规则 当我们用fill...
Canvas绘图(三) 本章将介绍canvas的以下技巧 填充 创建阴影 画布层面操作 一、填充 本章介绍形状的着...
1 canvas知识 1.1 canvas基础知识 canvas绘制线，矩形，描边，填充，使用图片注意点：canv...
一、Canvas Canvas本质上是一个位图画步。 fillStyle:"#000000" 填充...
基本用法 canvas元素 获取绘图功能对象 canvas绘图方法 context.fill() // 填充co...
三、 canvas 进阶 3.1 Canvas 颜色样式和阴影 3.1.1 设置填充和描边的颜色（掌握） fill...
canvas动画思想 canvas 面向对象思想 绘制矩形、直线 填充矩形 矩形边框 擦除画布 绘制路径（逆时针绘...
本文标题：Canvas 填充规则
本文链接：https://www.haomeiwen.com/subject/pngdlctx.html
网友评论