2010-01-24 170 views
2

我想添加一些SVG元素到一个html文件。我找到说不支持的链接,文档类型必须是xhtml。将SVG元素添加到html文件?

但我正在使用一些javascript库,使得我可以在他们中使用SVG(Raphael,SVG Web等)。

那么是否有一种方法可以将脚本添加到可在运行时动态添加SVG元素到文档的html文件?

感谢

+0

您正在使用哪种文件类型? – 2010-01-24 02:24:53

+0

我可以使用任何文档类型(我不能加快文档类型的速度) - 这仅仅是一个概念证明,所以我可以使用任何文档类型的作品,谢谢。 – user246114 2010-01-24 02:27:27

回答

3
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); 
1

你可能想看看svgweb,它允许你直接把SVG到HTML中的<script>标签。它还将模拟使用Flash的SVG支持,该浏览器不具有本地SVG支持。

编辑:嗯。我只注意到你已经提到了svgweb。它以什么方式不做你想要的?你可能想澄清你的问题。