canvas填充规则

Canvas填充规则详解

最新推荐文章于 2023-03-20 18:40:33 发布

转载最新推荐文章于 2023-03-20 18:40:33 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ye-hcj/p/10357486.html

canvas填充规则

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

ctx.beginPath(); 
ctx.fillStyle='green'
ctx.arc(50, 50, 30, 0, Math.PI * 2, true);
ctx.arc(50, 50, 20, 0, Math.PI * 2, true);
ctx.arc(50, 50, 15, 0, Math.PI * 2, true);
ctx.arc(50, 50, 10, 0, Math.PI * 2, true);
ctx.fill('evenodd');

转载于:https://www.cnblogs.com/ye-hcj/p/10357486.html