p5.j​​s背景仅填充背景的一半

Question

So I'm just getting into p5.js, and when I go to use the background() function, it only fills in half the background on a sort of diagonal.

I've drawn some shapes just experimenting with them and colors, but I can't figure out why I can't draw a whole background.

This is my code:

function setup() {
    createCanvas(200,200);
}

function draw() {
    background(0,100,50);
    stroke(255,0,0);
    fill(0,255,0);
    rect(50,50,20,20);

    stroke(0,0,255);
    fill(255,0,0);
    ellipse(60,40,20,20);
}

The same thing happens if I try using samples of other programs too, so it must not be something with my code.

Answer 1

Google chrome zoom was 110%, which for some reason doubled the default canvas size in my index.html, disabling the default zoom corrected the issue. Thank you Kevin and Pepe.