getBoundingRect vs scrollHeight vs getBBox in SVG (v27)

Revision 27 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
offsetHeightAndWidth
fooText.offsetHeight;
fooText.offsetWidth;
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.