微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

填充HTML画布,排除任意可能是重叠的圆圈

如何解决填充HTML画布,排除任意可能是重叠的圆圈

| 给定已经绘制过的HTML画布,除了给定的圆形区域之外,为整个画布着色的最佳方法是什么? (在上下文中:阴影除外,那里有光源) 我希望它会像一个简单的“ 0”和随后的“ 1”一样简单,但是AFAIK在此之后没有办法“去除”这些圆形部分。我可以靠近(http://jsfiddle.net/mW8D3/2/),但是圆圈的重叠区域最终会被阴影化(以XOR方式,而我想要OR)。使用
clip()
有同样的问题。 我也尝试过使用
globalCompositeOperation
,但似乎无法达到我想要的效果。 有任何想法吗?     

解决方法

        您可以先在第二个画布上创建阴影图像,然后使用globalCompositeOperation \'copy \'和透明的fillStyle从中删除孔。 像这样:http://jsfiddle.net/mW8D3/4/     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。