同问题,防止下沉了: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的方式可以正常展示
咖啡林 (作者)
要看字体,我那个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