0 Вопрос: объект класса canvas, изображение не обновляется

вопрос создан в Wed, May 8, 2019 12:00 AM

Почему метод JS draw() не вызывает этот URL-адрес в каждом интервале для переключения на новое случайное изображение?

    document.addEventListener("DOMContentLoaded", ready);

    class Canvas {
    constructor(height, width, hex, interval) {
      this.timer = 0;
      this.interval = interval ? interval : '1000';
      this.color = hex ? hex : '000000';
      this.canvas = document.getElementById('mainCanvas');
      this.canvas.width = window.innerWidth;
      this.canvas.height = window.innerHeight;
      this.context = this.canvas.getContext('2d');
      this.image = new Image();

      var t = this;
      setInterval(function () {
        t.timer++;
        console.log(t);
        t.draw();
      }, this.interval);
    }

    init() {
      this.draw();
    }

    draw() {
      console.log(`${window.innerWidth}x${window.innerHeight}`);
      this.image.src = `https://picsum.photos/${window.innerWidth}/${window.innerHeight}`;
      this.context.clearRect(0, 0, this.canvas.width, this.canvas.height)
      this.context.drawImage(this.image, 0, 0);
    }
  }

  function ready() {
    const canvas = new Canvas(null, null, 'ffcc00', 1000);
    canvas.init();
  }

При вызове draw() изображение src не обновляется. Предполагается ли, что это то же самое изображение?

    
0
0 ответов                              0                         
источник размещен Вот