2017-01-26 26 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

このコードはうまく動作します。また、投稿した画像は200x200ピクセルではなく400x400ピクセルで、疑わしいものです。お使いのコンピュータでズーム機能を有効にしていますか? –

+0

私はこのコードをブラウザのhtmlファイルで読み込み、次にhtmlファイルをgoogle chromeに読み込みます。 – WebSpartan

答えて

0

Googleクロムズームは110%で、何らかの理由でindex.htmlのデフォルトのキャンバスサイズが2倍になり、デフォルトのズームを無効にして問題を修正しました。ありがとう、ケビンとペペ。

関連する問題