size of createElement(“svg”) is 0,0

by

createElement can only create HTML elements, you need createElementNS

var svg=document.createElementNS("http://www.w3.org/2000/svg", "svg");
document.body.appendChild(svg);
svg.setAttribute("class","jscreated");
svg.style.width="500px";
svg.style.height="400px";
<svg class="HTML_SVG" style="width:500px; height:400px;" class="HTML_SVG"></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 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. 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. Hover over image to get a box with multiple links in html/JavaScript
  23. Can I escape HTML special chars in JavaScript?
  24. Simulation background-size: cover in canvas
  25. How can I simulate a click to an anchor tag?
  26. How to select nth line of text (CSS/JS)
  27. How to format/tidy/beautify in JavaScript
  28. How to handle in textarea?
  29. Making a Chrome Extension download a file
  30. NewLine escape character not working

Leave a Comment