Preparation code

<canvas id="canvas1" width="500" height="500"></canvas>

<script>
var can = document.getElementById('canvas1');
var ctx = can.getContext('2d');
var img = new Image();
img.src = "http://placekitten.com/100/100";
ctx.font = '72pt Verdana';
img.onload = function() {
  ctx.drawImage(img, 0, 0);
}

</script>

Preparation code output

Test runner

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

Java applet disabled.

ctx.fillText('lala', 100, 100);

  ctx.drawImage(img, 0, 0);

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 Simon on 23rd November 2011
• Revision 2: published by Simon on 9th July 2012
• Revision 3: published by Simon on 9th July 2012
• Revision 4: published by Simon on 11th July 2012
• Revision 5: published by Simon on 11th July 2012
• Revision 6: published on 3rd March 2013

0 comments