如何在IE11中使用原生JS在SVG中插入<title>?

时间:2015-04-27 15:39:40

标签: javascript svg title internet-explorer-11

&lt; p&gt;我得到了这个:&lt; / p&gt; &lt; pre&gt;&lt; code&gt;&lt; svg&gt;&lt; use xmlns:xlink =&#34; http://www.w3.org/1999/xlink" xlink:href =&#34; mydefs.svg#hello&#34;&gt;&lt; title&gt; hello world&lt; / title&gt;&lt; / use&gt;&lt; / svg&gt; &LT; /代码&GT;&LT; /预&GT; &lt; p&gt;我也尝试过使用:&lt; / p&gt; &lt; pre&gt;&lt; code&gt; //&#34;这&#34;已经是svg元素了 var use = document.createElementNS(&#34; http://www.w3.org/2000/svg" ;,&#34; use&#34;); use.setAttributeNS(&#34; http://www.w3.org/1999/xlink" ;,&#34; xlink:href&#34;,&#34; mydefs.svg#hello&#34;); var title = document.createElementNS(&#34; http://www.w3.org/2000/svg" ;,&#34; title&#34;); title.textContent =&#34; hello world&#34 ;; this.appendChild(使用); this.insertBefore(title,use); &LT; /代码&GT;&LT; /预&GT; &lt; p&gt;但是,在退出该功能后,IE11只是用&lt; code&gt;路径&lt; / code&gt;替换了svg的内部内容。从&lt; code&gt; mydefs.svg&lt; / code&gt;定义的完全忽略动态&lt; code&gt;标题&lt; / code&gt;我试图放入的标签。&lt; / p&gt; &lt; p&gt;如果我把&lt; code&gt;标题&lt; / code&gt;直接在&lt; code&gt; mydefs.svg&lt; / code&gt;中,然后我会看到&lt; code&gt;标题&lt; / code&gt;标记,但是当鼠标悬停时,工具提示也不会显示。&lt; / p&gt; &lt; p&gt;生成&lt; code&gt;标题&lt; / code&gt;的正确方法是什么?在IE11中标记SVG?&lt; / p&gt;

0 个答案:

没有答案