问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 Bug wx.getImageInfo 客户端 6.7.2 2.3.0 [170]
- 当前 Bug 的表现(可附上截图)
获取不到图片
- 预期表现
获取到相对路径的图片
- 提供一个最简复现 Demo
js:
onLoad: function (options) {
var myCanvasWidth = 0;
var myCanvasHeight = 0;
wx.getSystemInfo({
success: function (res) {
myCanvasWidth = res.windowWidth
myCanvasHeight = res.windowHeight
},
})
this.setData({
canvasWidth: myCanvasWidth,
canvasHeight: myCanvasHeight
})
const ctx = wx.createCanvasContext('shareCanvas')
wx.getImageInfo({
src: 'blue.png',
success:function(res){
// ctx.drawImage("../../"+res.path, 0, 0, myCanvasWidth, myCanvasHeight);
// ctx.stroke();
// ctx.draw();
console.log(res);
},fail:function(res){
console.log(res);
}
})
}
wxml:
个人测试结果:
iPhone8p、荣耀9、三星s9+ 测试均可获取到该图片资源
小米5、iPhone5(也可能是iPhone SE)获取不到
代码片段
onLoad: function (options) { var myCanvasWidth = 0; var myCanvasHeight = 0; wx.getSystemInfo({ success: function (res) { myCanvasWidth = res.windowWidth myCanvasHeight = res.windowHeight }, }) this.setData({ canvasWidth: myCanvasWidth, canvasHeight: myCanvasHeight }) const ctx = wx.createCanvasContext('shareCanvas') wx.getImageInfo({ src: 'blue.png', success:function(res){ ctx.drawImage("../../"+res.path, 0, 0, myCanvasWidth, myCanvasHeight); ctx.stroke(); ctx.draw(); console.log(res); },fail:function(res){ console.log(res); } }) }
微信小程序开发问题解答
微信小程序开发者回答:
你写成 ./blue.png 试试呢?你不能直接 drawImage('blue.png') 吗。。一定要换成临时路径?
微信小程序开发者回答:
你好,感谢你的回答,一直被这个api获取不到路径困扰着,居然没想到直接写路径,直接drawImage确实是可以的,多谢了
本文网址:http://www.91bianli.com/weixinxiaochengxu/45780.html