小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信小程序canvas在编辑时定义字体样式,正常测试,调试都没问题,但是发布后,运行到手机上面,因为一些人的手机可能已经设置了手机的字体样式,然后在画布输出时,字体样式就会变成手机的自定义文字样式,这个该怎么解决?
pc端输出字体
手机端输出的
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
怎么解决啊?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
// 官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html
// canvas.js
Page({
onReady() {
const query = wx.createSelectorQuery()
query.select('#myCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
const dpr = wx.getSystemInfoSync().pixelRatio
canvas.width = res[0].width * dpr
canvas.height = res[0].height * dpr
ctx.scale(dpr, dpr)
ctx.fillRect(0, 0, 100, 100)
})
}
看看这个 https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
怎么解决啊?
// 官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html
// canvas.js
Page({
onReady() {
const query = wx.createSelectorQuery()
query.select('#myCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
const dpr = wx.getSystemInfoSync().pixelRatio
canvas.width = res[0].width * dpr
canvas.height = res[0].height * dpr
ctx.scale(dpr, dpr)
ctx.fillRect(0, 0, 100, 100)
})
}
})
看看这个 https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html