这是我的htmlcode:

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
    <script src="Doge.js"></script>
</head>

<body bgcolor="#C7C7C7" onload="Start();">
      <canvas id="DogeCanvas" width="480" height="320"></canvas>
</body>
</html>

这是我的Doge.js代码:
function Start() {
      var stage = new createjs.Stage("DogeCanvas");
      var doge = new Image();
      doge.src = "images/doge.jpg"
      var bitmap = new createjs.Bitmap(doge);
      stage.addChild(bitmap);
      stage.update();
}

为什么屏幕上什么都不显示?
怎么了?

最佳答案

更新阶段时不会加载图像。我在这里发布了一个答案:
»easeljs not showing bitmap
您可以在stage中添加一个Ticker来不断更新它(大多数应用程序都会这样做,因为随着时间的推移还有其他事情在变化)
收听图像的加载,然后再次更新阶段
在将图像绘制到阶段之前,先用PreloadJS之类的东西预加载它。

关于javascript - 在easyljs中添加简单的图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20849897/

10-12 06:49