Как вызвать метод рисования `p5.js` по нажатию кнопки в angular - PullRequest
Новая
       4

Как вызвать метод рисования `p5.js` по нажатию кнопки в angular

0 голосов
/ 11 февраля 2020

Я использую p5.js и ниже - код для рисования. 

sketch(p: any) {
    p.setup = function () {
      var canvas = p.createCanvas(700, 400);
      canvas.parent('sketchdiv');
      p.strokeWeight(5);
      p.stroke(0);
    };
    p.draw = () => {
      if (p.mouseIsPressed) {
        if (p.mouseButton === p.LEFT) {
          p.line(p.mouseX, p.mouseY, p.pmouseX, p.pmouseY);
        }
      }
    };

    p.mouseReleased = () => {
      console.log("mouseReleased");
    };
}

, но я хочу рисовать только тогда, когда пользователь выбирает карандаш (щелчок значка) 

<span (click)="pencil()">
    <i class="fas fa-pencil-alt"></i>
</span>

  isPencil: boolean = false;
  pencil() {
    console.log("Pencil is chosen");
    this.isPencil = true;
  }

Но я не могу получить доступ к этой переменной isPencil внутри sketch. Как это сделать ? как отделить setup() & draw() от режима экземпляра в angular?

Пожалуйста, помогите / руководство

...