Preparation code

<script>
  var c = document.createElement('canvas');
  c.width = c.height = 512;
  
  var ctx = c.getContext('2d');
  
  var sizes = [];
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

for (var i = 0; i < 20; i++) {
 var sz = i;
 ctx.font = sz * 4 + 'px';
 ctx.fillText('test string', 0, 128);
}

for (var i = 0; i < 20; i++) {
 var sz = i * 4;
 ctx.font = (Math.ceil(sz * 7) / 7) + 'px';
 ctx.fillText('test string', 0, 128);
}

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Ilmari on 20th May 2011
• Revision 2: published on 6th July 2011

0 comments