以像素为单位定义文本大小

时间:2019-01-28 09:21:16

标签: svg

我正在用“ Python”语言编写一个程序,该程序根据某些规则构建SVG文档。

我需要插入文本。文字可能有底物。

我将自己限制为3-4种等宽字体和10种大小。

如果已知字体和字符大小,如何确定要插入的文本的大小。

有可能吗?

html,body,svg { height:100% }line {
  stroke: red;
  stroke-width: .5px;
  stroke-dasharray: 3px;
}
<svg viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" id="svg" height="100%" width="100%">
  <!-- Horizontal lines -->
  <line x1="0" x2="100%" y1="0" y2="0" />
  <line x1="0" x2="100%" y1="64" y2="64" />
  <line x1="0" x2="100%" y1="128" y2="128" />
  <line x1="0" x2="100%" y1="192" y2="192" />

  <!-- Vertical lines -->
  <line x1="0" x2="0" y1="0" y2="100%" />
  <line x1="64" x2="64" y1="0" y2="100%" />
  <line x1="128" x2="128" y1="0" y2="100%" />
  <line x1="192" x2="192" y1="0" y2="100%" />

  <rect transform="translate(64,64)" width="27" height="10" stroke-width=".5" fill="#ffff00" stroke="#000"/>
  <text font-family="Consolas" font-size="16px" transform="translate(64,64)">
    <tspan x="0" dy="0em">SVG</tspan>
    <tspan x="0" dy="1em">SVG</tspan>
    <tspan x="0" dy="16">SVG</tspan>
  </text>
</svg>

0 个答案:

没有答案