如何将两个Tspan放在彼此的顶部

时间:2016-01-08 08:32:23

标签: html5 svg

我有以下代码:

URI path = MySpringBean.class.getProtectionDomain().getCodeSource().getLocation().toURI();
File myfileLocation = new File(new File(path).getParent(), "/myDir/jdbc.properties");

我希望两个tspans在彼此之上,而不是彼此相邻。我该怎么做呢?一种解决方案是在其下面有另一个文本元素,但我觉得将它们放在跨度中会更简洁。

我也是编码SVG的新手,所以如果你看到并认为应该改变什么,请告诉我。

1 个答案:

答案 0 :(得分:1)

添加了x =" 0" DY =" 1.2em"在tspan

  <svg width="100%" version="1.1" viewBox="0 0 1500 2500" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
  <text width="40" x="40" y="250" font-size="350">3</text>
  <text width="60" x="470" y="340" font-size="340" text-anchor="start">
    <tspan >YEARS</tspan>

    <tspan x="0" dy="1.2em">YEARS</tspan>
  </text>
</svg>