Canvas drawImage - visible edges of tiles in firefox/opera/ie (not chrome)

Question

I\'m drawing a game map into canvas. The ground is made of tiles - simple 64x64 png images.

When I draw it in Chrome, it looks ok (left), but when I draw it in Firef

Answer 1

In every tile draw use Math.floor when there is division involved, like this:

    ctx.drawImage(image,Math.floor(xpos/3),ypos+1)

Also, if you have a loop to draw, that calls itself, always use requestAnimationFrame. I don't know why, but since I moved from timer timeout to requestAnimationFrame I have no more artifacts.