getBoundingRect vs scrollHeight vs getBBox in SVG (v26)

Revision 26 of this benchmark created on


Preparation HTML

<svg><foreignobject id="foo"><div id="fooText">FoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobar</div></foreignobject >
</svg>

Setup

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

Test runner

Ready to run.

Testing in
TestOps/sec
getBoundingClientRect
fooText.getBoundingClientRect().height;
ready
scrollHeight
fooText.scrollHeight;
ready
getBBox
foo.getBBox().height
ready

Revisions

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