холст не отображается в браузере (с помощью текстового редактора Atom) - PullRequest
Новая
       22

холст не отображается в браузере (с помощью текстового редактора Atom)

0 голосов
/ 11 июля 2020

Я только что установил атом и установил пакеты p5. js. он работает, но холст не виден. эскиз. js

 function setup() {
createcanvas(200,200)
canvas.style("visibility", "visible")
// put setup code here
}
function draw() {
 // put drawing code here
 background(0);
 rect(100,100,50,50);
}

index. html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>p5.js example</title>
<style>
  body {
   padding: 0;
   margin: 0;
  }
</style>
<script src="libraries/p5.js"></script>
<script src="libraries/p5.sound.js"></script>
<script src="sketch.js"></script>
</head>
<body>
</body>
</html>

при его запуске с помощью редактора атомов холст не отображается на экране браузера

Ответы [ 2 ]

0 голосов
/ 30 июля 2020

@ Hgbanana правильно. Я думаю, было бы лучше, если бы вы поместили свои скрипты библиотеки в тег head, чтобы библиотеки загружались до страницы. Но все равно должно работать.

0 голосов
/ 11 июля 2020

  1. Вы должны использовать второй c в createCanvas(width, height);

  2. Вы не можете использовать canvas.style("visibility", "visible"), поэтому удалите эту строку

3. Для дальнейшего использования проверьте страницу и посмотрите на консоль, я обнаружил обе эти вещи из ошибок. 

function setup() {
createcanvas(200,200)//on this line, capitalize the c in canvas
canvas.style("visibility", "visible")//remove this line
// put setup code here
}

Ваш html все правильно

...