新文章 网摘 文章 随笔 日记

js利用canvas测量文字的真实宽度

function getTextWith(text, fontStyle) {
  var canvas = document.createElement('canvas')
  var context = canvas.getContext('2d')
  context.font = fontStyle || '16px' // 设置字体样式,当然,也可以在这里给一个默认值
  var dimension = context.measureText(text)
  return dimension.width
}
var textWidth = getTextWith('This is my dog!', '14px/1.6 "Microsoft Yahei"')
console.log(textWidth)

https://www.tangshuang.net/3293.html

posted @ 2020-02-19 09:50  岭南春  阅读(493)  评论(0)    收藏  举报