小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在调试基础库版本为2.9.3的基础上小程序接口 wx.canvasGetImageData 返回 canvasGetImageData: fail canvas is empty 错误。此接口最低基础库是1.9.0就开始支持。
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
img.onload = function (e) {
// console.log(e)
ctx.drawImage(img, 0, 0, 350, 100)
imageData = ctx.getImageData(0, 0, 200, 100)
console.log(imageData)
}
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
请问解决了么,我用的是系统自带的canvas,也没有跨页面 2.10.4,也是一样的问题
有解决方案了吗?我也遇到这问题了。
从你的描述 我看不出任何问题,你也不贴代码片段。也不贴代码截图。我就只能给你搜下https://developers.weixin.qq.com/community/develop/doc/0004e67e5d4bc001e538809d556400?_at=1574222296720
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
img.onload = function (e) {
// console.log(e)
ctx.drawImage(img, 0, 0, 350, 100)
imageData = ctx.getImageData(0, 0, 200, 100)
console.log(imageData)
}
请问解决了么,我用的是系统自带的canvas,也没有跨页面 2.10.4,也是一样的问题
有解决方案了吗?我也遇到这问题了。
我这边切换版本测试了之后,同样的代码2.8.0以下,canvasGetImageData接口可正常获取数据,2.8.0以上(含2.8.0)都开始报错了,怀疑是2.8.0以后此接口被废弃了。(文档中没有明确说明)
另外新的Canvas api是在2.8.0以后生效的。
目前文档没有说明,只有wx.createCanvasContext明确表示2.9.0以后停止维护了。
从你的描述 我看不出任何问题,你也不贴代码片段。也不贴代码截图。我就只能给你搜下https://developers.weixin.qq.com/community/develop/doc/0004e67e5d4bc001e538809d556400?_at=1574222296720
var that = undefined
Page({
/**
* 页面的初始数据
*/
data: {
},
init(res){
console.log(res)
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
that = this
wx.createSelectorQuery().select("#data").fields({
size: true,
node: true
}).exec(this.init.bind(this))
setTimeout(() => {
wx.canvasGetImageData({
canvasId: 'data',
x: 0,
y: 0,
width: 100,
height: 100,
complete: function(res){
console.log(res)
}
})
},2000)
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})