O método HTML5 Canvas ctx.clip () usado em um círculo deixa uma linha abaixo do círculo

Eu criei um programa para gerar sprites do planeta. Estou fazendo isso criando um caminho circular, executandoctx.clip() para manter todas as seguintes camadas dentro do círculo, desenhando uma camada de textura preta e transparente, depois um retângulo colorido aleatoriamente sobre a tela inteira e, em seguida, uma sombra e brilho sobre tudo.O problema é que uma linha colorida também aparece sob o círculo depois de recortar, e não sei por que. Eu preciso disso removido.

Aqui está um violino. A última linha define o código para fazer um loop a cada meio segundo:https://jsfiddle.net/tzkwmzqu/4/

questionAnswers(1)

yourAnswerToTheQuestion