Hi. I draw circle, and filled it up with red color. Why filling looks like moved to the left? How to fix it?
Edit: It’s weird. On my mobile it looks fine. On laptop border around circle is thicker on the right side.
Picture made by phone - border is clearly not the same width:
function init(){
game.draw(game.set());
}
var game = {
canvas: document.getElementById("field"),
set : function() {
let ctx = this.canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
return ctx;
},
draw : function(ctx) {
ctx.beginPath();
ctx.arc(70,70,40,0,2*Math.PI);
ctx.fillStyle="red";
ctx.fill();
ctx.lineWidth = 3;
ctx.stroke();
}
}