移动端canvas.arc与css的filter

发现chrome的最新版本的浏览器，切换到响应式页面，  canvas的arc  与 css里的filter有不兼容的情况，它们同时存在，则画圆的时候 ，会有一个方形的边框，去掉filter则可以。猜测是浏览器的原因（诡异的问题是，切换一下页面，回头在看，这个方形的边框又不见了 。。。。。。。。。。。）有遇到类似情况的朋友么

示例如图：

本例中使用了ctx.globalCompositeOperation="destination-out";所以中间画圆的时候 会抹去，这个方框却会在切换页面后，消失，