这个我刚开始以为是个bug,纠结了很多天。后来了解到原因有可能是因为手机设备的像素比的原因。直接上图。
这个是模拟器上的图片！
这个是真机上的图片。
都变形了，各位大佬知道怎么解决吗？
网上的找不到解决方法
2 个回答
请 登录 后发表内容
相关问题
相关文档
- Canvas.getContext: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#参数: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#功能描述: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#返回值: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.cancelAnimationFrame: 小程序/开发/API/画布/Canvas/Canvas.cancelAnimationFrame
你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
query.select('#myCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const ctx=res[0].node.getContext("2d");
ctx.beginPath();
ctx.fillStyle="red";
ctx.arc(100,10,30,0,Math.PI*2);
ctx.fill();
ctx.fillStyle="#4e3cb6";
ctx.fillText("你爸爸",10,20);
})
},
query.select('#myCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const ctx=res[0].node.getContext("2d");
ctx.beginPath();
ctx.fillStyle="red";
ctx.arc(100,10,30,0,Math.PI*2);
ctx.fill();
ctx.fillStyle="#4e3cb6";
ctx.fillText("你爸爸",10,20);
})
},