svg引入

通过jquery能手动添加SVG元素吗？

今天 13:12 polo_zs  |  分类：JavaScript  |  浏览17次

比如

我想通过按钮将下面这条线



添加进svg中

按钮：添加

这个function a(){...}改怎么写?

提问者采纳

今天 13:29

可以，但 svg 不能像普通元素一样进行元素的添加

只要是向 svg 中添加元素的时候，都要使用下面这个 parseSVG 函数

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

"text/javascript" > function  parseSVG(s) {      var  div= document.createElement_xNS( 'http://www.w3.org/1999/xhtml' ,  'div' );      div.innerHTML =  ''  + s +  '' ;      var  frag = document.createDocumentFragment();      while (div.firstChild.firstChild)          frag.appendChild(div.firstChild.firstChild);      return  frag; }   $( function () {      $( "#addLine" ).click( function () {          $( "#svg1" ).append(parseSVG( '' ));      }); });

1 2	"svg1"  width= "600"  height= "480" > "addLine" >添加

追问

那就是说jquery里没有类似javascript中createElement_xNS添加元素时带上命名空间的方法，是不？

回答

据我所知，jQuery 本身不直接提供类似的功能，也没有相关的函数或方法。