同一个drawImage参数画出来的图标,第三个设置了宽高且比例部位2:1时,图标表现不一致。
定位的左上角坐标应是(20,20),第三张图显然y>x,且图片宽高不是1:1
请问是我用错了drawImage吗?各参数对应的单位是都为px?
在web中,canvas尺寸再怎么变,也不应该影响到drawImage的结果
看到有类似的提问,但是并没有给出解决方案
- https://developers.weixin.qq.com/community/develop/doc/00060ae60f80608942fd4139b5b800?highLine=canvas%2520drawImage%25E5%25B0%25BA%25E5%25AF%25B8%25E9%2594%2599%25E4%25B9%25B1
- https://developers.weixin.qq.com/community/develop/doc/0002caace68050de658b813355bc00?highLine=canvas%2520%25E5%259D%2590%25E6%25A0%2587%25E4%25B8%258D%25E5%25AF%25B9
代码片段中用的基础库版本是2.26.0;
下载官网的demo是2.8.x
2.8.x的显示正常,但是2.26.0的异常
为什么新版本的基础库反而会出问题的?
// Canvas 对象
const width = res[0].width
const height = res[0].height
•
canvas = res[0]?.node
context = canvas.getContext('2d')
const dpr = wx.getSystemInfoSync().pixelRatio
canvas.width = width * dpr
canvas.height = height * dpr
context.scale(dpr, dpr)