Run results for: Native vs snap getPointAtLength

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Native

218K/s

Snap

187K/s

View exact numbers

Test name	Executions per second
✓ Native	218,130 Ops/sec
Snap	186,599 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);