Programmatically creating an SVG image element with javascript

by

SVG native attributes (not including xlink:href) do not share the SVG namespace; you can either use just setAttribute instead of setAttributeNS, or use

svgimg.setAttributeNS(null,'x','0');

for example.

Here it is, working: http://jsfiddle.net/UVFBj/8/

Note that I changed your fiddle to properly use XHTML, so that SVG works nicely within it in all major browsers.

More Related Contents:

  1. How to access SVG elements with Javascript
  2. SVG re-ordering z-index (Raphael optional)
  3. jQuery SVG vs. Raphael [closed]
  4. Convert SVG to image (JPEG, PNG, etc.) in the browser
  5. jQuery SVG, why can’t I addClass?
  6. How to add a tooltip to an svg graphic?
  7. Changing SVG image color with javascript
  8. With JavaScript, can I change the Z index/layer of an SVG element?
  9. How do you access the contents of an SVG file in an element?
  10. How to save svg canvas to local filesystem
  11. How to prevent an HTTP request just for a favicon?
  12. Why does d3.js v3 break my force graph when implementing zooming when v2 doesn’t?
  13. How to draw a path smoothly from start point to end point in D3.js
  14. Is there some innerHTML replacement in SVG/XML?
  15. (Embed and) Refer to an external SVG via D3 and/or javascript
  16. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  17. How can I get png(base64) with images inside of svg in Google Charts?
  18. Plotting points on a map with D3
  19. How can I animate a progressive drawing of svg path?
  20. Circles in Map Displayed Incorrect Location in D3 V4
  21. How to draw a vector path progressively? (Raphael.js)
  22. SVG to Canvas with d3.js
  23. size of createElement(“svg”) is 0,0
  24. How to show SVG file on React Native?
  25. Display an arrow head in the middle of D3 force layout link
  26. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  27. How to get the width of an svg:g element
  28. draw text in d3 arc javascript
  29. D3 put arc labels in a Pie Chart if there is enough space
  30. Create a table in SVG

Leave a Comment