drawImage base64

JavaScript performance comparison

Revision 21 of this test case created

Preparation code

<canvas id="screen"></canvas>
<script>
  var ctx = document.getElementById("screen").getContext("2d");
  var image = document.createElement("img");
  image.src = "http://icons.iconarchive.com/icons/ph03nyx/super-mario/48/Retro-Mushroom-1UP-2-icon.png";

  var image2 = document.createElement('img');
  image2.src  = "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACUUlEQVR42u1ZDVbCMAxudwnFk4ieQuGYoKcQPAnqJagtdF0akjYbHbhK3tt7oe2yfPnSv6DVeWL840SfoTdDHdA3ABMB0DoKPxq9b4w5PE6Wnw9B11oH/e3pO+hN02D7irCfBVYCgPEAtPHeWQBBtwCCbgEE3QLQhM0bAMrpaNx+v+9eBunh9FYW2xlpcD3/ij9g34U2PDDsQxJMHwCHaFkAwSiMLtQlDLTtsN81WwC92KgOAJk2r5v7QDdOg1a4tOGEs+O+1cr78w/27QRMDoDxRkO0Vo87kgEu6pzeshExoJVebGbh+xZAlo0qARwVtDFdQ2ywOo/j1UmfKJgBal1HE04U6Zye6gdsw8mdZWByAMiVB24uR2Tm0LnY0unkVhWjQipn9SVjZzXfhbFRzujodxdExUxcyECITDzJsmt8SqdYhVGX7g94dncQDdksPibkpK8dxEDXrpi8JyOHGOgb9ZxNjoEEG/UASKYNR33ftCllE6ZTNQxMHkDdKcTtxGMw0HNPqAdAMoVKbV6SFJLYZ1OoPfdz0Uod5kodJXK6iu8J9QBQHsDgNCh1FpKIq/D1YsAipopQOABDdbb/5eOuTApNAYDyALKUXVIk/rAXGi5aXGEL1DrZ/YQaI7y4sPXTG4C/AAAKe700vrTICezjdnTJGNiOakGRqRQA9oKf2shKMCC9yCtJZY6LytgMcOOlDJBsSBgoXdhCDERRJ5HUCkBM9xiCUoj0dZR/aIYyoIQT918BOG0cOZ0kK48UAAZz6dOok8v90T0FANeQrH+/8iDlWLm5BAAAAAAASUVORK5CYII="
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
normal image
ctx.drawImage(image, 0, 0);
pending…
base64
ctx.drawImage(image2, 0, 0);
pending…

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:

0 comments

Add a comment