fix: html2canvas 导出的图片,数字被压缩问题

208 阅读1分钟

问题: 使用 html2canvas 导出图片时,数字串比 html 中显示的要短。

image.png

原因分析: 在等宽字体中,每个数字的宽度是一定的,字符串在 html 和 canvas 中导出的宽度是一致的。 当为非等宽字体时(如上图),“1” 只有其他数字的大概 60% 宽度,导致 canvas 中渲染出的字符串比 html 要短。

解决方式: 使用等宽字体,让 canvas 中导出的图片和 html 中一致。