JS 实现计算字符串的实际宽度
JS 实现计算字符串的实际宽度
·
核心就是使用canvas的一个方法measureText来计算
实现过程如下:
countStrWidth(text) {
const canvas = document.createElement('canvas')
const context = canvas.getContext('2d')
// 设置字体样式,当然,也可以在这里给一个默认值
context.font = '16px Microsoft YaHei' // 字体一定要写,不能只写一个字体大小,不启用
const dimension = context.measureText(text)
return dimension.width
},

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)