How do you access the contents of an SVG file in an element?

by

It’s not possible to get the DOM of a referenced svg from the img element.

If you use <object>, <embed> or <iframe> however then you can use .contentDocument (preferred) to get the referenced svg, or .getSVGDocument which may be more compatible with old svg plugins.

Here’s an example showing how to get the DOM of a referenced svg.

More Related Contents:

  1. HTML5 Canvas vs. SVG vs. div
  2. How to draw an inline svg (in DOM) to a canvas?
  3. Alternative for deprecated SVG pathSegList
  4. Convert SVG to PNG with applied images as background to svg elements
  5. Creating SVG elements dynamically with javascript inside HTML
  6. Add SVG element to existing SVG using DOM
  7. How to prevent an HTTP request just for a favicon?
  8. D3js take data from an array instead of a file
  9. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  10. Load event not fired on Safari when reloading page
  11. How to access the content of the “embed” tag in HTML
  12. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  13. Is it possible to append a div inside an SVG element? [duplicate]
  14. size of createElement(“svg”) is 0,0
  15. Rasterizing an in-document SVG to Canvas
  16. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  17. Animate marquee on SVG curve
  18. Dynamically created SVG elements are not rendered by the browser
  19. Include SVG files with HTML, and still be able to apply styles to them?
  20. How do I dynamically insert an SVG image into HTML?
  21. D3 put arc labels in a Pie Chart if there is enough space
  22. Best way to do a split pane in HTML [closed]
  23. JavaScript button onclick not working
  24. Update HTML5 canvas rectangle on hover?
  25. Auto-Scroll to next anchor at Mouse-wheel
  26. How can I search multiple columns in DataTables?
  27. multiple ui-view html files in ui-router
  28. Jquery script works in JSfiddle but not on html page
  29. Split string at space after certain number of characters in Javascript
  30. Error: “Access to restricted URI denied”

Leave a Comment