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

时间:2015-10-14 19:20:41

标签: 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坐标我想将此位图放在,并将其添加到舞台。

skyLogo.x = 56;
skyLogo.y = 115;
stage.addChild(skyLogo);

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

Codepen

1 个答案:

答案 0 :(得分:0)

我制定了解决方案。必须首先将位图添加到舞台,然后才能进行定位:

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