Run results for: Native vs snap getPointAtLength

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Browser: Chrome 136

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

Native

419K/s

Snap

408K/s

View exact numbers

Test name	Executions per second
✓ Native	418,819 Ops/sec
Snap	407,724 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);