SVG 上下标
示例
使用baseline-shift参数,可以指定上标或下标。但这并不是所有主流浏览器都支持。
<svg xmlns="http://www.w3.org/2000/svg"> <text x="10" y="20">x<tspan baseline-shift="super">2</tspan></text> <text x="10" y="60">f<tspan baseline-shift="sub">x</tspan></text> </svg>
对于跨浏览器解决方案,可以使用dy,dx和相对字体大小。
<svg xmlns="http://www.w3.org/2000/svg"> <text x="10" y="40">x<tspan dy="-7" font-size=".7em">2</tspan></text> <text x="10" y="80">f<tspan dy="3" font-size=".7em">x</tspan></text> </svg>