Test name | Executions per second |
---|---|
getBBox | 275414.2 Ops/sec |
getBoundingClientRect | 166497.1 Ops/sec |
getComputedTextLength | 284765.8 Ops/sec |
<svg width="150" height="150">
<text id="test1" y="50">test1</text>
<text id="test2" y="100">
<tspan id="test3">test3</tspan>
</text>
<tspan id="test4">test4</tspan>
</svg>
var test1 = document.getElementById('test1');
var test2 = document.getElementById('test2');
var test3 = document.getElementById('test3');
var test4 = document.getElementById('test4');
test1.getBBox().width;
test2.getBBox().width;
test3.getBBox().width;
test4.getBBox().width;
test1.getBoundingClientRect().width;
test2.getBoundingClientRect().width;
test3.getBoundingClientRect().width;
test4.getBoundingClientRect().width;
test1.getComputedTextLength();
test2.getComputedTextLength();
test3.getComputedTextLength();
test4.getComputedTextLength();