私はsvgグラフの中にリンクされたテキストを持っている必要があります。ここで私はhtml
の名前空間を期待してhtml:a
タグはバーのテキストの適切な取り扱いにつながる私はウェブリンクsvg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="138pt" height="188pt" viewBox="0.00 0.00 138.00 188.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 184)">
<g id="node5" class="node"><title>EQ2</title>
<ellipse style="fill:none;stroke:black;" cx="65" cy="-18" rx="29.1851" ry="18"/>
<text text-anchor="middle" x="65" y="-13.9" style="font-family:Times New Roman;font-size:14.00;">foo <html:a href="http://google.com">bar</html:a></text>
</g>
</g>
</svg>
何をしたかです。私はバーが表示されていないということです。答えに示唆されているように、私はsvg:a
要素を使うことができますが、なぜ私のアプローチがうまくいかないのか分かりません。私は、ブラウザのHTMLレンダラーが起動し、DOMツリーのその部分を処理することを期待しています。
これはうまくいきますが、他のケースではうまくいかない理由はわかりません。技術的には、htmlレンダラーが起動してDOMツリーのその部分を処理することが期待されます。 –
まず、SVGコンテンツをforeignObjectで終了して、HTMLコンテンツを処理する必要があります。 –