2

私は svg の tspan タグを理解しようとしていますが、ここに奇妙なことがあります。次のコードを見てください。FF と Chrome は tspan 間に水平オフセットを導入しますが、何もないはずです。

<svg width="625" height="470" xmlns="http://www.w3.org/2000/svg">
<text y="406" x="379" text-anchor="start" stroke-width="0" stroke="#000000" fill="#FF0000">
<tspan x="379" font-weight="normal" font-style="normal" font-size="24" font-family="Arial" fill="#000000" dy="0">a</tspan>
<tspan font-weight="normal" font-style="normal" font-size="24" font-family="Arial" fill="#000000">aa</tspan>
</text>
</svg>

http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.htmlにアクセスし、SVG エディター (トップ メニュー バーの 2 番目のボタン) にコードを入力して、変更を適用します。tspan 間のオフセットは存在しません! 理由はわかりませんが、HTML にも SVG にも CSS にも特別なものはないようです。

誰かがこのなぞなぞを解いてくれることを願っています。font-size に関連しているようで、それを変更するとオフセットが変更されます。ただし、0px に設定すると、テキストが消えます。

4

2 に答える 2

5

tspan 間の改行はスペースに変換されます。私は svg-edit がそれらを取り除くと思います。

于 2011-07-18T08:27:22.920 に答える
0

次のように、属性(上から) と(左から) でtspanタグ付けする水平スペースを追加しようとしました。dydx

<tspan dy="8">
  <tspan dx="5">200</tspan>
</tspan>

誰かの役に立つかもしれません。

于 2021-02-10T18:42:46.463 に答える