1***@qq.com
1***@qq.com
  • 发布:2024-01-13 16:40
  • 更新:2024-01-15 15:03
  • 阅读:228

【报Bug】ctx.measureText 获取字符宽度不准确,同样的文字获取到的宽度差距很大

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: w10

HBuilderX类型: 正式

HBuilderX版本号: 3.99

浏览器平台: Chrome

浏览器版本: 120.0.6099.201

项目创建方式: HBuilderX

操作步骤:

正常渲染canvas 获取到宽度 打印出来 不一致

预期结果:

宽度一致

实际结果:

不一致 切同样的6个字 差距15左右的宽度

bug描述:

使用canvas ctx.measureText获取到文字宽度不一致同样的文字

2024-01-13 16:40 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

感谢反馈,请提供下可以复现的代码,也可以是代码片段,明确是 vue2 还是 vue3。

canvas 渲染宽度和实际宽度有缩放吗?

  • 1***@qq.com (作者)

    没有,vue2 就是let arr = [{title: "应届生", jobName: "测试测试", city: "上海市"}, {

    title: "实习生",

    jobName: "测试",

    city: "上海市"

    }, {title: "应届生", jobName: "测试测试", city: "上海市"}] 这个对象按着jobname 渲染获取文字宽度不一致,文字是一样的

    2024-01-18 11:33

要回复问题请先登录注册