SOURCE

const imgUrl = "http://placekitten.com/480/320";

const app = new PIXI.Application({
  width: 800,
  height: 500,
  backgroundColor: 0x1099bb
});
let loader = new PIXI.loaders.Loader();
document.body.appendChild(app.view);

loader.add('pic1', imgUrl);
loader.on('progress', function(target, resource) {
  console.log('加载进度：' + target.progress);
});
loader.load(function(target, resource) {
  resource.pic1.crossOrigin = 'anonymous';
  console.log('加载完成');
  var sprite1 = new PIXI.Sprite(resource.pic1.texture);
  app.stage.addChild(sprite1);
  update()
});
// var stage, renderer, sprite;
// function init() {
//   stage = new PIXI.Container();
//   renderer = PIXI.autoDetectRenderer(480, 320, {
//     backgroundColor: 0xFFFFFE,
//     // 修正边缘锯齿
//     antialias: true
//   });
//   document.body.appendChild(renderer.view);
//   var kitten = new PIXI.Sprite(new PIXI.Texture.fromImage('http://placekitten.com/480/320'));
//   stage.addChild(kitten);
//   update();
// }
function update() {
  requestAnimationFrame(update);
  loader.render(app.stage);
}

// window.onload = init;

<div>
</div>