核心就是使用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
    },

Logo

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

更多推荐