项目中用到表格内画折线趋势图,本人使用的svg绘制简单折线;没有数据的单元格显示文字,为了不影响表格的宽度自适应,就想到在svg上写文字。于是就有了在svg上对文字样式进行垂直居中的需求,上代码:
<svg version="1.1" className={Style.svgLine}> <text x='50%' y='50%' className={Style.svgText}>{text}</text> </svg>
ok,是不是很简单!
项目中用到表格内画折线趋势图,本人使用的svg绘制简单折线;没有数据的单元格显示文字,为了不影响表格的宽度自适应,就想到在svg上写文字。于是就有了在svg上对文字样式进行垂直居中的需求,上代码:
<svg version="1.1" className={Style.svgLine}> <text x='50%' y='50%' className={Style.svgText}>{text}</text> </svg>
ok,是不是很简单!