Canvas draw lines

JavaScript performance comparison

Test case created

Info

Canvas draw lines

Preparation code

<canvas id="canvasGuide" width="1024" height="768">
</canvas>
<script
<script>
Benchmark.prototype.setup = function() {
    var canvas = document.getElementById("canvasGuide"),
        context = canvas.getContext("2d");
};
</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
moveTo
for (var x = 0; x < width; x += 10) {
  context.moveTo(x, 0);
  context.lineTo(x, height);
}
context.strokeStyle = "#eee";
context.stroke();
pending…
move to 2
for (var y = 0.5; y < height; y += 10) {
  context.moveTo(0, y);
  context.lineTo(width, y);
}
context.strokeStyle = "#eee";
context.stroke();
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments

Add a comment