- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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); }
- Tags:
- HTML5
- Intel® XDK
Link Copied
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Try installing that app on device and test that on device.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Also I highly recommend updating to the latest 1995 version. It has resolved a lot of issues since 1816.
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page