svg实现文本的垂直居中对齐样式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/An_cf/article/details/82689410

项目中用到表格内画折线趋势图，本人使用的svg绘制简单折线；没有数据的单元格显示文字，为了不影响表格的宽度自适应，就想到在svg上写文字。于是就有了在svg上对文字样式进行垂直居中的需求，上代码：

<svg version="1.1" className={Style.svgLine}>
    <text x='50%' y='50%' className={Style.svgText}>{text}</text>
</svg>

ok，是不是很简单！