Как убрать квадрат перед созданием нового? - PullRequest
Новая
       25

Как убрать квадрат перед созданием нового?

0 голосов
/ 15 января 2019

У меня есть вечер, когда я нажимаю на кнопку, он создает новый квадрат, но мне нужно решение, как удалить предыдущий квадрат с холста.

https://codepen.io/mejs/pen/MZLzog?editors=1011&fbclid=IwAR2C5eV1fiHOj1DaaApaWQWLZzCO_Hn59yg3AkjgKsP0bgZdUjoANdSCcC0

    function activeDep(){
    let x1,x2,y1,y2;
    const currentDepPos = document.getElementById('showRect').getContext('2d');

    x1 = x2 = random(10,200);
    y1 = y2 = random(10,200);
    //console.log(`x: ${x1}, y: ${y1}`);

    tweenToRandomColor(x1,x2);

   function updateColor(x,y) {
    currentDepPos.rect(x,y,40,40);
    currentDepPos.fill();
   }

   function random(min, max) {
    return (min + Math.random() * (max - min) + 0.5) | 0;
   }

   function tweenToRandomColor(x,y) {
        //tweenToRandomColor.kill();
    TweenLite.to(currentDepPos, 1, {
        colorProps: {
        fillStyle: "rgb(" + random(0, 255) + "," + random(0, 255) + "," + random(0, 255) + ")"
    },
    onUpdate: updateColor(x1,y1),
    onComplete: function(){
            tweenToRandomColor(x1,y1);
        }
    });
   }
}
...