将SVG元素添加到html文件?
问题描述:
我想添加一些SVG元素到一个html文件。我找到说不支持的链接,文档类型必须是xhtml。将SVG元素添加到html文件?
但我正在使用一些javascript库,使得我可以在他们中使用SVG(Raphael,SVG Web等)。
那么是否有一种方法可以将脚本添加到可在运行时动态添加SVG元素到文档的html文件?
感谢
答
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);
答
你可能想看看svgweb,它允许你直接把SVG到HTML中的<script>
标签。它还将模拟使用Flash的SVG支持,该浏览器不具有本地SVG支持。
编辑:嗯。我只注意到你已经提到了svgweb。它以什么方式不做你想要的?你可能想澄清你的问题。
您正在使用哪种文件类型? – 2010-01-24 02:24:53
我可以使用任何文档类型(我不能加快文档类型的速度) - 这仅仅是一个概念证明,所以我可以使用任何文档类型的作品,谢谢。 – user246114 2010-01-24 02:27:27