tspan

6熱

1答えて

d3.jsを除いて、プログラムで挿入されたSVG <tspan>要素が描画されないのはなぜですか？

は私がプログラムで、次のSVGで<text>要素に追加<tspan>を挿入したいと言う： <svg width="300" height="500"> <text x="50" y="100"> <tspan x="50">one</tspan> <tspan x="50" dy="20">two</tspan> <tspan x="50" dy="2

0熱

1答えて

D3.JS動的に置き換えます<tspan>

私は、基盤としてサンバーストの例を使用していて、新しいデータでクリックするとマルチラインのキャプションを変更しようとしています。 function click(d) { text.transition().attr("opacity", 0); console.log(d.depth); path.transition() .duration(750) .attr

0熱

1答えて

tspan（SVG）のハイパーリンクは表示されていません。

tspanでチャットルームのメッセージにJavascriptで作業しています。オリジナル：この関数は、SVG内の項目ごとにTSPANする名前と内容のテキストを追加し function showMessage(nameStr, contentStr, color){ var node = document.getElementById("chattext"); //

9熱

1答えて

SVGテキストの垂直高さの計算

私は文字列の配列を持っています。、 ['Jan 11','Feb 11'] を言うとSVGは、私は、テキストの高さが36pxであることがわかり、レンダリングされた後、私はそう <text x="60" y="154" text-anchor="middle" style="text-anchor: middle; font: normal normal normal 12px/normal

0熱

1答えて

SVG：text-anchorをmiddleに設定した複数行テキストのtspanからのオフセットを削除するにはどうすればいいですか？

私はいくつかの複数行のテキストを持っており、これを処理するために<text>と<tspan>を使用しています。私は各ラインを中央に配置したいので、メイン<text>タグtext-anchor="middle"で使用しています。しかし、dx=0であっても、ブロック全体がまだ全長テキストだけシフトされています。マルチラインの<tspan>のSVGテキストはどうすればできますか？ <text text

0熱

1答えて

canvas（）は重複するtspanで問題を解決します

svg要素をpngに変換する必要があります。 pngに変換中に、テキストが重なって正しく整列していません。実際の画像は、このようなものです： enter image description here 変換後の画像は、このようなものです： enter image description here コードはこのようなものです：の //この作品コードはsvg要素の下にあります <text class=

1熱

1答えて

SVG tspan水平オフセット

私はsvgのtspanタグを理解しようとしています。次のコードを見て、FFとChromeはtspansの間に水平オフセットを導入しますが、何もあるべきではありません。 <svg width="625" height="470" xmlns="http://www.w3.org/2000/svg"> <text y="406" x="379" text-anchor="start" stroke-

0熱

2答えて

D3.jsはテキスト要素にtspanを追加します

私はD3棒グラフを持っています。バーの1つをマウスで動かすと、テキストが表示されます。しかし、別の行のテキストも表示したいと思います。このために私は<tspan>要素を追加する必要があります。私は例を見ましたが、<tspan>をテキスト要素に追加することはできません。グラフはhere、フルコードはgithubです。 'テキスト' は追加されると 'tspanの' がそれに追加され、 g.se

0熱

1答えて

問題は、テキストアンカー=

「終了」を揃えていないtspans私はこのようなコードのビットを持っている： svg {font-family:Verdana,sans-serif;color:#000;} .key {font-size:75%;overflow:visible;} .caphgh {font-weight:bold;} .keynor {font-weight:normal;} .ke