EaselJS：将静态位图添加到具有位置（x，y）的页面答案

【问题标题】：EaselJS: Adding a static bitmap to a page with position (x,y)EaselJS：将静态位图添加到具有位置（x，y）的页面
【发布时间】：2016-01-13 01:03:17
【问题描述】：

我第一次使用 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);

我只是得到一个空白画布，没有错误。我是新手，我不知道我错过了什么。

Codepen

【问题讨论】：

标签： canvas bitmap html5-canvas easeljs createjs

【解决方案1】：

我找到了解决方案。必须先将Bitmap添加到舞台，然后才能进行定位：

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() 来显示任何更改。您的初始示例没有更新，因此不会显示任何内容。您可以随时设置位置，只要您更新舞台以重新绘制它。此外，图像的初始化通常需要很短的延迟，因此您应该等到它加载完成后再进行更新。