这是我的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/