我们如何知道图像在ImageSurface中何时完全加载

Question

此问题已发布在IRC频道上。

  

您希望能够知道图像在ImageSurface中何时完全加载？

Answer 1

通过检查部署时图像加载是否为complete来确保完全加载。以下代码示例侦听图像元素（ImageSurface）上的DOM事件。在部署时，检查ImageSurface上的图像是否已完成。如果没有，那么我们会监听要加载的图像。

<强> Example Here:

  var mainContext = Engine.createContext();

  var image = new ImageSurface({
    size: [200, 200]
  });

  var surface = new Surface({});

  image.on('deploy',function(){ 
    console.log('deployed image', this);
    if (this._currentTarget.complete) {
      surface.setContent('Fully loaded on deploy');
    } else {
      this.on('load', function(e){
        surface.setContent('completed loading = ' + this._currentTarget.complete);
      });
    }
  });

  image.setContent("http://code.famo.us/assets/famous.jpg");

  mainContext.add(new Modifier({
    align: [0.5, 0.5],
    origin: [0.5, 0.5]
  })).add(image);

  mainContext.add(surface);