getBoundingRect vs offsetWidth vs getBBox vs getComputedTextLength in SVG (v12)

Revision 12 of this benchmark created on


Preparation HTML

<svg><text id="foo">FoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobar</text>
</svg>

Setup

var foo = document.getElementById('foo');

Test runner

Ready to run.

Testing in
TestOps/sec
getBoundingClientRect
foo.getBoundingClientRect().height;
ready
offsetWidth
foo.offsetHeight;
ready
getBBox
foo.getBBox().height
ready
getComputedTextLength
 
ready

Revisions

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