getBoundingRect vs offsetWidth vs getBBox in SVG (v25)

Revision 25 of this benchmark created on March 16, 2015

Preparation HTML

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

Setup

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

Test runner

foo.getBoundingClientRect().height;

foo.scrollHeight;

foo.getBBox().height

Revisions

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

• Revision 1: published on June 4, 2012
• Revision 2: published on July 17, 2012
• Revision 3: published on July 17, 2012
• Revision 5: published on November 5, 2012
• Revision 7: published on December 3, 2012
• Revision 8: published by Tanel Liiv on March 29, 2013
• Revision 9: published on June 5, 2013
• Revision 11: published on October 3, 2013
• Revision 12: published on February 25, 2014
• Revision 13: published on May 8, 2014
• Revision 14: published by Jake on May 14, 2014
• Revision 15: published on May 17, 2014
• Revision 16: published on May 22, 2014
• Revision 17: published on July 24, 2014
• Revision 19: published by test on September 19, 2014
• Revision 20: published on November 7, 2014
• Revision 22: published by Rick Hitchcock on February 10, 2015
• Revision 23: published by drwestco on February 14, 2015
• Revision 24: published on February 26, 2015
• Revision 25: published on March 16, 2015
• Revision 26: published on March 17, 2015
• Revision 27: published on April 17, 2015
• Revision 29: published on August 5, 2015
• Revision 30: published on August 24, 2015
• Revision 31: published on September 17, 2015