js获取元素中文本所占宽度px

小熊海啸

于 2021-11-22 17:31:04 发布

阅读量1k

点赞数

分类专栏： js 文章标签： js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_42302145/article/details/121476412

版权

js 专栏收录该内容

6 篇文章

订阅专栏

//获取文本所占宽度px
//用法pxWidth('xxxxx', '12px Microsoft YaHei')
export default function pxWidth(text, font) {
  const canvas = document.createElement('canvas')
  const context: any = canvas.getContext('2d')
  font && (context.font = font)
  var metrics = context.measureText(text)
  return metrics.width
}