xml - SVG 文件中的文本元素 - 从顶部 y 开始

Question

这是我的 SVG 文件：http: $ //jsfiddle.net/fHdYC/

为什么我看不到所有文字？我想从 posx=0,posy=0 开始写

Answer 1

文本放置在位置 (0,0) 但对于 svg 中的文本， (0,0) 是放置文本基线的位置。这意味着文本将从基线向上延伸（在您的示例中，文本最终会超出可见区域）。

你应该将你的 y 位置调整到你想要基线的位置。

一种方法是使用em单位，因为它们取决于字体大小。设置y="1em"并且文本应该变得可见（当然也取决于您的坐标系/viewBox）。请参阅http://jsfiddle.net/8MpyY/。

Answer 2

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>

使用“文本锚”和“对齐基线”。