0 Câu hỏi: đối tượng lớp vải, hình ảnh không được làm mới

câu hỏi được tạo ra tại Wed, May 8, 2019 12:00 AM

Tại sao phương thức JS draw() không gọi url đó trên mỗi khoảng thời gian để chuyển sang hình ảnh ngẫu nhiên mới?

    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();
  }

Khi draw() được gọi, src hình ảnh không được làm mới, nó có cho rằng đó là hình ảnh giống nhau không?

    
0
0 Câu trả lời                              0                         
nguồn đặt đây