Dynamically created SVG elements are not rendered by the browser

by

you have to use "document.createElementNS("http://www.w3.org/2000/svg", "svg");" to create svg elements

var container = document.createElement("div");
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
circle.setAttribute("cx", "20");
circle.setAttribute("cy", "20");
circle.setAttribute("r", "15");

svg.appendChild(circle);
container.appendChild(svg);
document.body.appendChild(container);

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 do you access the contents of an SVG file in an element?
  8. How to prevent an HTTP request just for a favicon?
  9. D3js take data from an array instead of a file
  10. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  11. Load event not fired on Safari when reloading page
  12. How to access the content of the “embed” tag in HTML
  13. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  14. Is it possible to append a div inside an SVG element? [duplicate]
  15. size of createElement(“svg”) is 0,0
  16. Rasterizing an in-document SVG to Canvas
  17. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  18. Animate marquee on SVG curve
  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. Submitting a form on ‘Enter’ with jQuery?
  23. How do I fix blurry text in my HTML5 canvas?
  24. File Upload without Form
  25. React.js: Set innerHTML vs dangerouslySetInnerHTML
  26. how to use json file in html code
  27. Browser back button handling
  28. Hiding a button in Javascript
  29. Change the style of :before and :after pseudo-elements? [duplicate]
  30. Extract the text out of HTML string using JavaScript

Leave a Comment