SVG get text element width

by 
var bbox = textElement.getBBox();
var width = bbox.width;
var height = bbox.height;

and then set the rect’s attributes accordingly.

Link: getBBox() in the SVG v1.1 standard.

More Related Contents:

  1. Finding line-wraps
  2. JavaScript accessing inner DOM of SVG
  3. How to check if an embedded SVG document is loaded in an html page?
  4. Add SVG element to existing SVG using DOM
  5. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  6. Is there a flexible way to modify the contents of an editable element?
  7. Accessing a DOM object defined in an external SVG file
  8. draw text in d3 arc javascript
  9. How do I manipulate the SVG DOM and create elements?
  10. Create a table in SVG
  11. When should I use jQuery’s document.ready function?
  12. Create SVG tag with JavaScript
  13. How do I replace text inside a div element?
  14. How to bind bootstrap popover on dynamic elements
  15. getElementsByName in IE7
  16. JavaScript: DOM load events, execution sequence, and $(document).ready()
  17. Difference between .tagName and .nodeName
  18. Hit-testing SVG shapes?
  19. HTML Table with vertical rows
  20. Getting selected text position
  21. How to start an animated SVG on entering viewport?
  22. Is it the last `script` element the currently running script?
  23. How to generate unique css selector for DOM element?
  24. React, losing saved data in localStorage with useEffect after page refresh
  25. Stopping a iframe from loading a page using javascript
  26. Boolean HTML Attributes
  27. Rasterizing an in-document SVG to Canvas
  28. How to add a onclick event to an element using javascript
  29. Test if an element can contain text
  30. Screen Coordinates of a element, via Javascript

Leave a Comment