question

Further investigation reveals that it's the Javascript canvas.drawImage this is not working. When the images are drawn directly on loading, for example with , they draw just fine. But our images are drawn with the following code (much simplified) called from an onLoad function: function fitImage () { //scale the canvas to fit the image to the width of the screen ctx.canvas.width = screenWidth; ctx.canvas.height = image.height; xOffset = (screenWidth - image.width) / 2; ctx.drawImage(image, xOffset, 0); } Because the image could be one of several of different sizes referenced from the same html file , and also because we need to do photo swiping, we do need to use canvas.drawImage to draw the images. I read that the code may be trying to draw the images before they are loaded. But I tried the following Stack Overflow cost with code to solve that problem. I took the exact working code from that post, image and all,and replaced one of my html files with that. Again it worked fine on the Samsung 4 but not on the Kindle : http://stackoverflow.com/questions/15048279/drawimage-not-working?rq=1 Any other ideas please?