{"id":2842,"date":"2014-01-03T02:26:45","date_gmt":"2014-01-03T08:26:45","guid":{"rendered":"http:\/\/blog.eastfist.com\/?p=2842"},"modified":"2014-01-03T02:26:45","modified_gmt":"2014-01-03T08:26:45","slug":"html5-canvas-performance-cross-browser-comparisons","status":"publish","type":"post","link":"https:\/\/eastfist.com\/blog\/2014\/01\/03\/html5-canvas-performance-cross-browser-comparisons\/","title":{"rendered":"HTML5 Canvas Performance Cross-Browser Comparisons"},"content":{"rendered":"<p>By Chongchen Saelee<\/p>\n<p>Rendering 32&#215;32 bitmapped image with 2D to real 3D to 2D projection tranformation to fit 320&#215;240 (100%) HTML5 canvas with translation, scaling, and other composited images:<\/p>\n<ul>\n<li>Chrome v.31x = 62fps<\/li>\n<li>Firefox v.26 = 60fps<\/li>\n<li>IE v.9.0.8x = 45fps<\/li>\n<\/ul>\n<p>BUT, when using browser&#8217;s built-in zoom to 200% (640&#215;480):<\/p>\n<ul>\n<li>Chrome v.31x = 60fps<\/li>\n<li>Firefox v.26 = 15fps<\/li>\n<li>IE v.9.0.8x = 45fps<\/li>\n<\/ul>\n<p>So obviously, Chrome is champ when it comes to utilizing your hardware acceleration techniques. Firefox, however, failed in the zoomability corner. What a shame.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By Chongchen Saelee Rendering 32&#215;32 bitmapped image with 2D to real 3D to 2D projection tranformation to fit 320&#215;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&#8217;s built-in zoom to 200% (640&#215;480): Chrome v.31x = 60fps Firefox [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[277,399,633,1240,2160,2420,2575],"class_list":["post-2842","post","type-post","status-publish","format-standard","hentry","category-tech","tag-benchmark","tag-canvas","tag-cross-browser","tag-html5","tag-result","tag-speed","tag-test"],"_links":{"self":[{"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/posts\/2842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/comments?post=2842"}],"version-history":[{"count":0,"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/posts\/2842\/revisions"}],"wp:attachment":[{"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/media?parent=2842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/categories?post=2842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eastfist.com\/blog\/wp-json\/wp\/v2\/tags?post=2842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}