Software Archive
Read-only legacy content
17061 Discussions

easeljs beginBitmapFill method not working in xdk emulator

Bigfanx__
Beginner
516 Views

Hi all,

I use the easeljs beginBitmapFill method to fill an image in a circle shape in my simple html5 game. The image is placed in the center of the circle shape and should be loaded with the circle shape. I tested it in IE and Firebox browsers, the image is displayed in the center of the circle. However, it is not working in the xdk emulator. The image didn't show up in the emulator. It also didn't show up in Chrome browser. The core part of the code is attached. BTW, I use xdk 1816 version. Is it a bug of the xdk and Chrome? Can somebody please point out a direction for me to solve the issue. Thanks a lot in advance.

this.setCatImg = function () {
var image = new Image();
image.src = "asset/cat_face.png";
var m = new createjs.Matrix2D;
m.translate(-10, -10);
this.graphics.beginBitmapFill(image, "no-repeat",m);
this.graphics.drawCircle(0,0,13);
}

 

0 Kudos
3 Replies
Amrita_C_Intel
Employee
516 Views

Try installing that app on device and test that on device.

0 Kudos
Anusha_M_Intel1
Employee
516 Views

It sounds like a webapp. Apparently there are some incompatibilities between easeljs and chrome. In most cases it doesn't work locally. You might have to try pushing it to the hosting server to test. 

0 Kudos
Anusha_M_Intel1
Employee
516 Views

Also I highly recommend updating to the latest 1995 version. It has resolved a lot of issues since 1816.

0 Kudos
Reply