問題タブ [tspan]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
svg - tspan要素のセットを中心に揃える方法は?
セットを中心に揃える方法をたくさん調べましたが、tspan何か他のものが必要です。要素のセットをtspan中央に揃える必要があり、各要素は他の要素の左側に揃える必要があります。
下の写真で、私が到達しようとしているものを見ることができます。
もう1つのtspan要素を他のラッパーとして追加して設定しようとしましtext-anchor: middleたが、うまくいきません。
javascript - SVG テキスト文字列内の個々の単語にスタイル要素を追加する
d3 で生成された SVG テキスト要素を取り、その中の個々の単語のいくつかにスタイル (太字と色) を追加しようとしています。(追加するために編集:) 前の関数は、テキストをいくつかの tspan 要素に分割して、テキストを複数の行にラップします。次のように tspan 要素をコードに追加しようとしました。
そして、スタイルシートで次のように呼び出します。
CSS で tspan スタイルを追加すると、スタイルがキャプション全体に追加されます (追加するために編集:)。これは、キャプション全体が、私がやろうとしている 1 つの単語だけではなく、tspan で構成されているためです。
また、スタイル要素をインラインで追加しようとしましたが、結果は得られませんでした: