咖啡林
咖啡林
  • 发布:2022-12-12 13:48
  • 更新:2022-12-13 16:21
  • 阅读:443

canvas 字体渲染的问题

分类:uni-app

同问题,防止下沉了:https://ask.dcloud.net.cn/question/158808?notification_id-1184849rf-falseitem_id-222331#!answer_222331
微信小程序使用canvas时候,无法使用自定义字体,在微信开发工具上展示正常,真机异常。
如果将canvas type='2d' 绘制东西无法展示(uni.createCanvasContext 方式读取)。

canvas type='2d' 绘制 可以展示仅仅在WX 读取方式可以展示,并且这个时候自定义字体可以正确展示了(微信开发工具&真机都可以展示了)
var query = wx.createSelectorQuery();
//选择id
query.select('#mycanvas').boundingClientRect()
query.exec(function (res) {
//res就是 该元素的信息 数组
realWidth = res[0].width;
realHeight = res[0].height;
console.log('realHeight', realHeight);
console.log('realWidth', realWidth);
const ctx = wx.createCanvasContext('mycanvas');

问题1:canvas type='2d' 绘制东西无法展示 使用 uni.createCanvasContext 并且绘制
问题2:自定义字体在微信开发工具上正确展示,但是真机异常,
PS,配置字体的服务器正常(使用微信的都可以正常表现)

有劳帮忙关注下这个问题
附件中:canvas type 2d无法展示,如果把type2d 去掉,微信开发者工具:可以正常展示字体,但是真机调试异常无法正确展示字体,如果用WX的方式可以正常展示

2022-12-12 13:48 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

测试真机调试显示正常

  • 咖啡林 (作者)

    要看字体,我那个demo是用的宋体的,字体不对

    2022-12-14 18:56

  • DCloud_UNI_WZF

    回复 咖啡林: 更改了你的代码使用加载的字体,开发者工具可以展示,真机运行无法展示,测试微信小程序原生开发存在同样问题,微信开发者社区也存在同样问题的反馈 https://developers.weixin.qq.com/community/develop/doc/000a0a7c884558b17b8e725b256800

    2022-12-14 20:12

  • DCloud_UNI_WZF

    回复 咖啡林: 如确认微信小程序原生开发正常,uniapp编译后异常,请提供远程方式或测试视频,谢谢

    2022-12-14 20:21

该问题目前已经被锁定, 无法添加新回复