Javascript p5.js中矩形网格中意外的边框图案

我正在尝试在p5js中生成一个正方形网格状的模式，该模式覆盖尽可能多的浏览器窗口。我在实例模式中使用p5js，因为我在react中使用它，在Win10中使用chrome。 这是我的密码：-

var size = 15;
var height = window.innerHeight;
var width = window.innerWidth;

Sketch = (p) => {
        p.setup = () => {
            p.createCanvas(width,height)
            p.frameRate(60);
            p.noLoop();
        } 

        p.draw = () => {
            p.background(250);
            p.stroke(0);
            p.noFill();
            for(let i =0;i*size +size <width;i++) {
                for(let j=0;j*size +size<height;j++) {
                    p.rect(i*size,j*size,size,size);
                }
            }
        }

        p.mouseDragged = (e) => {
            p.stroke(0);
            let x = Math.floor(e.clientY/size);
            let y = Math.floor(e.clientX/size);
            p.fill(220);
            p.rect(y*size,x*size,size,size);
                
        }
}

var size=15；
var height=window.innerHeight；
变量宽度=window.innerWidth；
草图=（p）=>{
p、 设置=（）=>{
p、 createCanvas（宽度、高度）
p、 帧率（60）；
p、 noLoop（）；
} 
p、 绘图=（）=>{
p、 背景（250）；
p、 冲程（0）；
p、 noFill（）；
对于（假设i=0；i*size+size可能是其他代码把事情搞糟了吗？我无法重现您的问题：当我执行您提供的代码时，同样的事情再次发生在我身上。如果您没有遇到，那么我的GPU抗锯齿或浏览器有问题吗？您是否可以提供您可以看到的屏幕截图？编辑：我检查在MS Edge中，边界宽度变化的问题对我来说仍然存在。即使是单个框对我来说也有问题。我已将问题中的图片与一些编辑链接。我尝试使用不同的笔记本电脑运行此操作，但边界仍然厚于1像素，但边界的增减模式不存在。但是，您的代码可以正常工作在Windows和Chrome上对我来说很好。可能是其他代码把事情弄糟了吗？我无法重现你的问题：当我执行你提供的代码时，同样的事情再次发生在我身上。如果你没有遇到，那么我的GPU抗锯齿或浏览器有问题吗？你能提供一个你能看到的屏幕截图吗？Edit：我在MS Edge中进行了检查，我在那里仍然存在边界宽度变化的问题。即使是单个框也有问题。我已将问题中的图片与一些编辑链接。我尝试使用其他笔记本电脑运行此操作，但边界仍然厚于1像素，边界的增减模式不存在。但是，您的代码对我来说在Windows和Chrome上运行良好。