HTML5 Canvas Performance Cross-Browser Comparisons

By Chongchen Saelee

Rendering 32×32 bitmapped image with 2D to real 3D to 2D projection tranformation to fit 320×240 (100%) HTML5 canvas with translation, scaling, and other composited images:

Chrome v.31x = 62fps
Firefox v.26 = 60fps
IE v.9.0.8x = 45fps

BUT, when using browser’s built-in zoom to 200% (640×480):

Chrome v.31x = 60fps
Firefox v.26 = 15fps
IE v.9.0.8x = 45fps

So obviously, Chrome is champ when it comes to utilizing your hardware acceleration techniques. Firefox, however, failed in the zoomability corner. What a shame.

Tags: , , , , , ,

Comments are closed.