There seems to be a problem with .setBackgroundRepeat() on Chrome and Safari. The following code produces the expected results on FF and IE, with a single image centrally placed, but in Chrome and Safari the image is repeated twice in the centre of the screen. The problem only manifests when .setBackgroundRepeat() is used in conjunction with .setBackgroundRepeat()
Code:
Canvas canvas = new Canvas(); canvas.setWidth("100%"); canvas.setHeight("100%"); canvas.setBackgroundPosition("50%,30%"); canvas.setBackgroundImage("image.jpg"); canvas.setBackgroundRepeat(BkgndRepeat.NO_REPEAT); canvas.draw();