Así que tengo este lienzo en el que tengo mi círculo y cuando trato de cambiar la x y la y de mi círculo falla. Aparece así cuando trato de moverlo hacia la izquierda cambiando el valor de x a 10 cambiando la x a cualquier otro valor no hace ningún cambio:

Cuando cambio y a más de 110:

HTML:

 <span id="span_canvas"> <canvas id ="MyCanvas" style="padding-left: 1215px;padding-bottom: 415px;margin: 0px;border:ridge rgb(127, 117, 117);"></canvas> </span>

JavaScript:

 function Circle(radius ,fillcolor){ let canvas=document.getElementById("MyCanvas"); let ctx= canvas.getContext("2d"); ctx.beginPath(); ctx.arc(100, 110, 50, 0, 2 * Math.PI); ctx.strokeStyle="#c3c3c3"; ctx.fillStyle=fillcolor ctx.stroke() ctx.fill(); fillcolor=red }