jcanvas vs native canvas

Benchmark created by andymensional on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://raw.github.com/caleb531/jcanvas/master/jcanvas.min.js"></script>

<canvas id = "can" width="400" height="400"></canvas>

Setup

var can = $('#can');
    var ctx = can[0].getContext('2d');
    ctx.fillStyle= 'rgb(0,0,0)';

Test runner

Ready to run.

Testing in
TestOps/sec
jcanvas
var x = Math.random()*400;
var y = Math.random()*400;
var r = Math.random()*50;
$('can').drawArc({
fillStyle: "#000",
radius:r,
x:x,
y:y,
})
ready
native canvas
var x = Math.random()*400;
var y = Math.random()*400;
var r = Math.random()*50;
ctx.beginPath();
ctx.arc(x,y,r,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();
ready

Revisions

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