Raphael vs SnapSVG getPointAtLength()

Benchmark created by Adrian Miu on

Description

Benchmarking the performance of getPointAtLength()

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://rawgithub.com/adobe-webplatform/Snap.svg/master/dist/snap.svg.js"></script>
<script src="https://rawgithub.com/DmitryBaranovskiy/raphael/master/raphael.js"></script>

<div id="raphael"></div>
<svg id="snap"></svg>

<script>
var r = Raphael('raphael', 800, 600);
var raphaelCircle = r.circle(400, 300, 150);

var s = Snap('#snap');
s.width=800;
s.height=600;
var snapCircle = s.circle(400, 300, 150);
var m = new Snap.Matrix();
m.scale(1);
snapCircle.transform(m);
var circlePath = snapCircle.realPath;
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Raphael
raphaelCircle.getPointAtLength(Math.random() * 400);
ready
SnapSVG
Snap.path.getPointAtLength(circlePath, Math.random() * 400);
ready

Revisions

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