镂空圈---------------

最新推荐文章于 2024-11-05 22:07:06 发布

胖胖yl

最新推荐文章于 2024-11-05 22:07:06 发布

阅读量134

点赞数

文章标签： canvas 图形绘制透明效果前端开发 JavaScript

本文链接：https://blog.csdn.net/yanglinlzw/article/details/126124437

版权

 ctx.save()
                ctx.fillStyle = "#fff";
                ctx.globalAlpha = 1;
                ctx.fillRect(0, 0, res.screenWidth, res.screenWidth * 0.8)
                ctx.restore()
 
                ctx.save()
                ctx.globalCompositeOperation = 'destination-out'
                ctx.beginPath();
                ctx.arc(res.screenWidth / 2, res.screenWidth / 10 * 4, res.screenWidth / 3, 0, 2 * Math.PI);
                ctx.fill();
                ctx.stroke();
 
                ctx.save()
                ctx.beginPath();
                ctx.fillStyle = "#fff";
                ctx.lineWidth = 1
                ctx.arc(res.screenWidth / 2, res.screenWidth / 10 * 4, res.screenWidth / 3, 0, 2 * Math.PI);
                ctx.stroke();
                ctx.restore()
                ctx.draw()