在easeljs中添加一个简单的图像 [英] Adding a simple image in easeljs
本文介绍了在easeljs中添加一个简单的图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是我的html代码:
This is my 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 代码:
And this is my Doge.js code:
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();
}
为什么屏幕上不显示任何内容?怎么了?
Why it doesn't show anything on the screen? What is wrong?
推荐答案
更新舞台时未加载图像.我在这里发布了一个答案:
The image is not loaded when the stage is updated. I posted an answer here:
- 您可以向舞台添加 Ticker 以不断更新它(大多数应用程序都会这样做,因为随着时间的推移还有其他事情会发生变化)
- 监听图片的加载,再次更新舞台
- 在将图像绘制到舞台之前,使用 PreloadJS 之类的东西预加载图像.
这篇关于在easeljs中添加一个简单的图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文