Paper.js vs Processing.js vs Raphaël
JavaScript performance comparison
Preparation code
<script src="http://thesis.web-pilot.cz/paper.min.js"></script>
<script src="https://github.com/downloads/processing-js/processing-js/processing-1.4.1.min.js"></script>
<script src="https://raw.github.com/DmitryBaranovskiy/raphael/master/raphael-min.js"></script>
<canvas id="context" width="100" height="100"></canvas>
<canvas id="paper" width="100" height="100"></canvas>
<canvas id="processing" width="100" height="100"></canvas>
<span id="rafael"></span>
<script>
var contextCanvas = document.getElementById("context");
var ctx = contextCanvas.getContext("2d");
var paperCanvas = document.getElementById("paper");
paper.setup(paperCanvas);
var paperPoint1 = new paper.Point(0, 0);
var paperPoint2 = new paper.Point(50, 50);
var paperPath;
var processingCanvas = document.getElementById("processing");
var processingInstance = new Processing(processingCanvas, null);
processingInstance.background(255);
var raphaelInstance = Raphael("rafael", 100, 100);
var refaelRect;
</script>
Preparation code output
<canvas id="context" width="100" height="100"></canvas>
<canvas id="paper" width="100" height="100"></canvas>
<canvas id="processing" width="100" height="100"></canvas>
<span id="rafael"></span>
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
Context - rect
|
|
pending… |
Context - path
|
|
pending… |
Paper.js
|
|
pending… |
Processing.js
|
|
pending… |
Raphaël
|
|
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.
- Revision 1: published bielda
- Revision 2: published
- Revision 3: published Matt Lockyer
- Revision 4: published
- Revision 6: published Timopheym
- Revision 8: published Jürg Lehni
- Revision 9: published
- Revision 10: published
- Revision 11: published
- Revision 12: published
- Revision 13: published bielda
- Revision 14: published
- Revision 15: published Jürg Lehni
- Revision 16: published
- Revision 17: published
- Revision 18: published
- Revision 19: published
- Revision 20: published
- Revision 21: published
- Revision 22: published
- Revision 23: published
- Revision 24: published
- Revision 25: published Steven
- Revision 26: published
- Revision 27: published
- Revision 28: published Anton
- Revision 31: published
- Revision 32: published Max
- Revision 33: published
0 Comments