I'd like to add some SVG elements to an html file. I'm finding links which say this is not supported, the document type must be xhtml.
So is there a way to add a script to an html file which can dynamically add an SVG element to the document at run time?
var svgnode = document.createElementNS('http://www.w3.org/2000/svg','svg'); var circle = document.createElementNS('http://www.w3.org/2000/svg','circle'); circle.setAttribute("cx", "100"); circle.setAttribute("cy", "100"); circle.setAttribute("r", "40"); circle.setAttribute("fill", "blue"); svgnode.appendChild(circle); mydiv.appendChild(svgnode);
You might want to take a look at svgweb, which allows you to put SVG directly into a
<script> tag in HTML. It will also emulate SVG support using Flash for browsers which do not have native SVG support.
edit: Hmm. I just noticed that you mentioned svgweb already. In what way does it not do what you want? You might want to clarify your question.
©2020 All rights reserved.