小程序
小游戏
企业微信
微信支付
扫描小程序码分享
{"errcode":1009,"errmsg":"drawWxml preLoadImage error"}
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
怎么解决啊？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
drawMyCanvas() {
wx.showLoading({
title: '生成中...',
})
const that = this
const query = wx.createSelectorQuery().in(this);
query.select('#my-canvas').fields({ // 选择需要生成canvas的范围
size: true,
scrollOffset: true
}, data => {
console.log(data);
let width = data.width;
let height = data.height;
that.setData({
width,
height
setTimeout(() => {
that.startDraw()
}, 1500);
}).exec()
},
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
怎么解决啊？
drawMyCanvas() {
wx.showLoading({
title: '生成中...',
})
const that = this
const query = wx.createSelectorQuery().in(this);
query.select('#my-canvas').fields({ // 选择需要生成canvas的范围
size: true,
scrollOffset: true
}, data => {
console.log(data);
let width = data.width;
let height = data.height;
that.setData({
width,
height
})
setTimeout(() => {
that.startDraw()
}, 1500);
}).exec()
},
let that = this
// 创建wxml2canvas对象
let drawMyImage = new Wxml2Canvas({
element: 'myCanvas', // canvas的id,
obj: that, // 传入当前组件的this
width: that.data.width * 2,
height: that.data.height * 2,
background: '#ffffff', // 生成图片的背景色
progress(percent) { // 进度
},
finish(url) { // 生成的图片
wx.hideLoading()
console.log(url);
that.savePoster(url)
router.go('successSave', { image: url })
that.setData({
saveImage: url
})
},
error(res) { // 失败原因
console.log(res);
wx.hideLoading()
}
}, this);
let data = {
// 获取wxml数据
list: [{
type: 'wxml',
class: '.my_canvas .my_draw_canvas', // my_canvas要绘制的wxml元素根类名， my_draw_canvas单个元素的类名（所有要绘制的单个元素都要添加该类名）
limit: '.my_canvas', // 要绘制的wxml元素根类名
x: 0,
y: 0
}]
}
// 绘制canvas
drawMyImage.draw(data, this);
},