Почему мой код js не загружает холст правильно? - PullRequest
Новая
       42

Почему мой код js не загружает холст правильно?

0 голосов
/ 27 марта 2020

Я довольно новичок в кодировании.

Я перевожу в центр холста, и точка, которую я хочу нарисовать, находится ниже, вместо того, чтобы быть в центре холста. Что мне не хватает? 

<script language="javascript" type="text/javascript" src="libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="p5.js"></script>
<script language="javascript" type="text/javascript" src="fibonacci.js"></script>

function setup() {
  createCanvas(590,304);
  background(0);
}

function draw() {
  stroke(255);
  noFill();
  translate(width/2, height/2);
  strokeWeight(8);
  point(0,0);
}

1 Ответ

0 голосов
/ 27 марта 2020

Чтобы создать холст только из p5. js вы можете попробовать это следующим образом: 

let s = (sketch)=> {
  sketch.setup=()=>{
    sketch.createCanvas(590,304);
    sketch.background(0);
  };
  
  sketch.draw = ()=> {
    sketch.stroke(255);
    sketch.noFill();
    sketch.translate(sketch.width/2, sketch.height/2);
    sketch.strokeWeight(8);
    sketch.point(0,0);
  };
};
let p5j = new p5(s);
canvas{border:1px solid black;}
<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.js"></script>

источник: stackoverflow

...