Run results for: Native vs snap getPointAtLength

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Chrome OS 14541.0.0

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

Native

334K/s

Snap

205K/s

View exact numbers

Test name	Executions per second
✓ Native	333,651 Ops/sec
Snap	205,092 Ops/sec

HTML Preparation code:


<script src="https://rawgithub.com/adobe-webplatform/Snap.svg/master/dist/snap.svg.js"></script>

<svg id="snap"></svg>
<svg height="100" width="100">
  <circle id="circle" cx="50" cy="50" r="50" stroke="black" stroke-width="3" fill="none" />
</svg>

Script Preparation code:


var s = Snap('#snap');
s.width=100;
s.height=100;
var snapCircle = s.circle(50, 50, 50);
var circlePath = snapCircle.realPath;

Tests:

Native
document.getElementById("circle").getPointAtLength(Math.random() * 100);
Snap
Snap.path.getPointAtLength(circlePath, Math.random() * 100);