Canvas draws artifacts in Safari for animated, fil

2019-06-25 05:13发布

问题:

I created an animated HTML5 canvas that uses bezier curves to draw a filled pattern.

I have been testing it in Chrome for Mac. I only seem to see this on Safari for Mac.

For some reason, I see little artifacts left behind by the figures (see below that is moving to the left and the artifacts go off to the right).

I trigger a redraw by changing the width of the canvas to its current width, if that helps...

Also, if I mouse over the canvas or change windows the artifacts go away. Since I think it decides to redraw the whole thing over.

Does anyone know why this would be happening?