1

これは私の SVG ファイルです: $ http://jsfiddle.net/fHdYC/

すべてのテキストが表示されないのはなぜですか? posx=0,posy=0 から書き始めたい

4

2 に答える 2

1

テキストは位置 (0,0) に配置されますが、svg のテキストの場合、その (0,0) はテキストのベースラインが配置される場所です。これは、テキストがベースラインから上に伸びることを意味します (この例では、テキストはこれにより可視領域の外に出ます)。

ベースラインを移動したい場所に y 位置を調整する必要があります。

1 つの方法は、em単位を使用することです。単位はフォントサイズに依存するためです。設定するy="1em"と、テキストが表示されるはずです（もちろん、座標系/viewBoxにも依存します）。http://jsfiddle.net/8MpyY/を参照してください。

于 2013-04-04T11:06:54.883 に答える
0

http://jsfiddle.net/a4p52/

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2551" height="3578">
<g name="text_group" id="group_lay_29073" >
    <text x="0" y="0" font-family="Arial" font-size="30" fill="#000" alignment-baseline="hanging" text-anchor="start" font-style="normal" >Loremp ipsum</text>
</g>

「text-anchor」と「alignment-baseline」を使用します。

于 2013-04-04T09:50:38.737 に答える