El método HTML5 Canvas ctx.clip () utilizado en un círculo deja una línea debajo del círculo

He creado un programa para generar sprites planetarios. Lo estoy haciendo creando un camino circular, ejecutandoctx.clip() para mantener todas las siguientes capas dentro del círculo, luego dibujando una capa de textura negra y transparente, luego un rectángulo de color aleatorio sobre el lienzo completo, luego una sombra y brillo encima de todo.El problema es que también aparece una línea de color debajo del círculo. después del recorte, y no estoy seguro de por qué. Necesito esto eliminado.

Aquí hay un violín. La última línea establece el código para recorrer cada medio segundo:https://jsfiddle.net/tzkwmzqu/4/

Respuestas a la pregunta(1)

Su respuesta a la pregunta