SVG删除填充上方/下方的文本

时间:2018-12-13 09:18:01

标签: css svg text

我正在尝试从SVG文本元素中删除上方/下方的填充。

现在怎么样:

Pic of TEXT with padding

我想成为的人

https://i.imgur.com/gk1wBAe.png

这是SVG代码

<svg xmlns:svg="http://www.w3.org/2000/svg" id="svg" style="margin-top: 100px;" viewBox="0 0 1656 614" preserveAspectRatio="xMinYMin meet">
  <g id="mySVG">	
    <text x="0" y="0" dx="0" dy="0" fill="#000"  style="font-family: DINPro; font-size: 120px;" dominant-baseline="hanging" class="text-0">TEEEEEEXT</text>
  </g>
</svg>

从图片链接中可以看到,只有上方和下方的填充。

如果有人可以帮助我如何删除此填充,我将不胜感激。

谢谢。

2 个答案:

答案 0 :(得分:0)

从svg中删除样式属性(以除去顶部的“填充”-尽管是空白),并减小viewBox属性中的最后一位以除去底部的“填充”(尽管这是svg的高度) -下面我将高度从614减小到120(字体大小)。

如果希望字体更大,则可能还需要从1656开始减小宽度(因为svg设置为保留其长宽比)

COUNT(WW)     XXX     COUNT(YYYY)
2               A               2
2               C               1

答案 1 :(得分:0)

“填充”是字体的一部分。它是为大写字母的高度以上或基线以下的字符保留的空间。您无法删除它。它将始终包含在<text>元素的边界框中。