Create SVG tag with JavaScript

by

You forgot the Namespace URI of your svg element and xmlns attribute.

Also, version is ignored by all browsers.

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
    svg.setAttribute('style', 'border: 1px solid black');
    svg.setAttribute('width', '600');
    svg.setAttribute('height', '250');
    svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
    document.body.appendChild(svg);

More Related Contents:

  1. Convert SVG to image (JPEG, PNG, etc.) in the browser
  2. jQuery SVG, why can’t I addClass?
  3. Changing SVG image color with javascript
  4. With JavaScript, can I change the Z index/layer of an SVG element?
  5. How to check if an embedded SVG document is loaded in an html page?
  6. How can d3.transform be used in d3 v4?
  7. How do you access the contents of an SVG file in an element?
  8. jQuery Selector + SVG Incompatible?
  9. How to save svg canvas to local filesystem
  10. Save inline SVG as JPEG/PNG/SVG
  11. SVG re-ordering z-index (Raphael optional)
  12. Convert inline SVG to Base64 string
  13. Why does d3.js v3 break my force graph when implementing zooming when v2 doesn’t?
  14. How to draw a path smoothly from start point to end point in D3.js
  15. Is there some innerHTML replacement in SVG/XML?
  16. (Embed and) Refer to an external SVG via D3 and/or javascript
  17. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  18. How can I get png(base64) with images inside of svg in Google Charts?
  19. D3 – how to deal with JSON data structures?
  20. SVG – click is not a function [duplicate]
  21. Circles in Map Displayed Incorrect Location in D3 V4
  22. How to draw a vector path progressively? (Raphael.js)
  23. Add names of the states to a map in d3.js
  24. size of createElement(“svg”) is 0,0
  25. How to show SVG file on React Native?
  26. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  27. How to implement SVG’s preserveAspectRatio=”xMinYMin slice” for canvas drawImage method.
  28. How to get the width of an svg:g element
  29. D3 put arc labels in a Pie Chart if there is enough space
  30. jQuery SVG vs. Raphael [closed]

Leave a Comment