我刚刚开始阅读有关svg我提出了以下问题
我正在创建一个简单的svg with a text里面如下图所示。
从我的阅读中我了解到x and y of the text标签声明文本在标签内的位置svg space.
为什么当我同时设置x and y to 0当我更改时，文本不会出现x and y to 10例如它显示？不是x=0 and y=0意思是 svg 标签的左上角？
Thanks
<svg width="200" height="100">
<text x="0" y="0">hello</text>
</svg>
你是对的，(0,0)确实是 SVG 区域的左上角（至少在开始转换坐标之前）。
但是，您的文本元素<text x="0" y="0">hello</text>其基线的最左端位于(0,0)，这意味着文本将完全显示在 SVG 图像的顶部之外。
试试这个：将您的文本标签更改为<text x="0" y="0">goodbye</text>。您现在应该能够在 SVG 顶部看到“g”和“y”的下降部分。
如果您提供的 y 坐标等于行高，则可以将文本向下移动一行，例如：
<svg width="200" height="100">
<text x="0" y="1em">hello</text>
</svg>
这是一个 JSFiddle 链接供您使用。 http://jsfiddle.net/7bXuB/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
