Canvas draws artifacts in Safari for animated, filled bezier curves

815 views Asked by At

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).

artifacts

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?

0

There are 0 answers