2017-01-26 3 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-файл в браузере, а затем просто загружаю html-файл в google chrome. – WebSpartan

ответ

0

Google chrome zoom был на 110%, что по какой-то причине удвоило размер холста по умолчанию в моем index.html, отключив масштабирование по умолчанию, исправил проблему. Спасибо, Кевин и Пепе.

Смежные вопросы