本文介绍了canvas中globalCompositeOperation属性用于控制图形的合成方式，通过实例展示了如source-in、source-out、source-atop等不同模式的效果，帮助理解如何实现特定的图案叠加视觉效果。
canvas中的合成------globalCompositeOperation
我们知道canvas其实就是一层一层的图层，后画的图案会覆盖到前面图案的上面，通过一层一层叠加的方式呈现到我们眼前，如下图所示
<body>
<canvas id='canvas' width="600" height="500"></canvas>
</body>
<script>
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
// 第一个圆
ctx.beginPath();
ctx.arc(150, 150, 100, 0, 2 
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
