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

Question

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

现在怎么样：

！

我想成为的人

这是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>

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

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

谢谢。

Answer 1

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

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

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

Answer 2

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