рисовать и стирать, используя p5 в angular - PullRequest
Новая
       7

рисовать и стирать, используя p5 в angular

0 голосов
/ 10 февраля 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.windowWidth = 700;
      p.windowHeight = 400;
    };
    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");
    };
}

Теперь я хочу добавить функцию erase (как у нас в рисовании) при нажатии значка. Я пробовал приведенный ниже код, но не работал. 

  eraseSketch(p: any) {
    console.log("eraseSketch called");
    p.draw = () => {
      if (p.mouseIsPressed) {
        if (p.mouseButton === p.LEFT) {
          p.fill('white);
          p.rect(p.mouseX, p.mouseY, p.pmouseX, p.pmouseY);
          //p.ellipse(p.mouseX, p.mouseY, 50, 50);
        }
      };
    }
  }

Я также пытался 

p.background('white')

, но не повезло.

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

...