文本元素 - 開始在頂部Ÿ

Question

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

爲什麼我不能看到所有的文本？我想從開始POSX = 0，銘文書寫= 0

Answer 1

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> 

使用 「文本錨」 和 「對齊基線」。

Answer 2

將文本放在位置（0,0），但對於svg中的文本，（0,0）是文本的基線被放置的位置。這意味着文本將從基線向上延伸（在您的示例中，由於此原因，文本會在可見區域之外結束）。

你應該調整你的y位置到你想要的基線去。

一種方法是使用em單位，因爲它們依賴於字體大小。設置y="1em"和文本應該變得可見（當然取決於你的座標系/ viewBox）。見http://jsfiddle.net/8MpyY/。