Canvas EaselJS:向具有位置(x,y)的页面添加静态位图

Canvas EaselJS:向具有位置(x,y)的页面添加静态位图,canvas,bitmap,html5-canvas,easeljs,createjs,Canvas,Bitmap,Html5 Canvas,Easeljs,Createjs,我第一次使用EaselJS,对于如何将位图作为特定坐标加载到画布上感到困惑 首先,我要定义我的EaselJS阶段: var stage = new createjs.Stage("ad_canvas"); 然后我定义一个新位图: var skyLogo = new createjs.Bitmap("http://francesca-designed.me/sky-test/logo.png"); 然后,我将创建要放置此位图的x&y坐标,并将其添加到后台

我第一次使用EaselJS,对于如何将位图作为特定坐标加载到画布上感到困惑

首先,我要定义我的EaselJS阶段:

var stage = new createjs.Stage("ad_canvas");
然后我定义一个新位图:

var skyLogo = new createjs.Bitmap("http://francesca-designed.me/sky-test/logo.png");
然后,我将创建要放置此位图的
x
&
y
坐标,并将其添加到后台

skyLogo.x = 56;
skyLogo.y = 115;
stage.addChild(skyLogo);
我只是得到一个空白画布,没有错误。我是新来的,我不知道我错过了什么


我想出了解决办法。必须先将位图添加到后台,然后才能进行定位:

var skyLogo = new createjs.Bitmap("http://francesca-designed.me/sky-test/logo.png");
stage.addChild(skyLogo);
skyLogo.x = 20;
skyLogo.y = 208;
stage.update();

这里的关键是需要调用
stage.update()
来显示任何更改。您的初始示例没有更新,因此不会显示任何内容。您可以随时设置该位置,只要您更新该阶段以重新绘制它。此外,图像初始化通常需要很短的延迟,因此您应该等到加载后再进行更新。