2017-01-26 110 views
0

所以我刚刚进入p5.js,当我使用background()函数时,它只填充一半对角线上的背景。p5.js背景只填充背景的一半

This is how the background is drawn.

我画一些形状只是他们和颜色试验,但我无法弄清楚,为什么我不能得出一个整体的背景。

这是我的代码:

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); 
} 

,同样的事情发生,如果我尝试使用其他程序的样本太所以一定不会有事跟我的代码。

+0

在此处运行良好:https://codepen.io/felipe_mare/pen/xgXGQp您使用什么来运行代码? – Pepe

+0

这段代码适合我。另请注意,您发布的图片是400x400像素,而不是200x200像素,这是可疑的。您的计算机上是否启用了某种缩放功能? –

+0

我通过浏览器中的html文件加载此代码,然后在google chrome中加载html文件。 – WebSpartan

回答

0

Google chrome缩放比例为110%,出于某种原因,我的index.html中的默认画布大小增加了一倍,禁用默认缩放可以解决问题。谢谢Kevin和Pepe。