小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序中echarts在组件中写的?如何在当前页面把多个echarts导出图片,android机型调用wx.canvasToTempFilePath报错
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
解决了吗 怎么处理的啊
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
现在的问题是我一个页面有多个echarts,怎么把多个echarts在一个图片上导出来,ios没问题,android就不行,可以的话,贴代码片段看看,谢谢
canvasToTempFilePath(opt) {
if (this.data.isUseNewCanvas) {
// 新版
console.log(1)
const query = wx.createSelectorQuery().in(this)
query
.select('.ec-canvas')
.fields({ node: true, size: true })
.exec(res => {
const canvasNode = res[0].node
opt.canvas = canvasNode
wx.canvasToTempFilePath(opt)
})
} else {
// 旧的
if (!opt.canvasId) {
opt.canvasId = this.data.canvasId;
}
const system = wx.getSystemInfoSync().system
if (/ios/i.test(system)) {
ctx.draw(true, () => {
wx.canvasToTempFilePath(opt, this);
});
} else {//针对安卓机型异步获取已绘制图层
ctx.draw(false,()=>{
//断点打印依旧不会执行setTimeout(() => {wx.canvasToTempFilePath(opt, this);}, 1000);}});
ctx.draw(false);
setTimeout(() => {//延迟获取
}, 1000);
},
报错信息是什么?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
解决了吗 怎么处理的啊
现在的问题是我一个页面有多个echarts,怎么把多个echarts在一个图片上导出来,ios没问题,android就不行,可以的话,贴代码片段看看,谢谢
canvasToTempFilePath(opt) {
if (this.data.isUseNewCanvas) {
// 新版
console.log(1)
const query = wx.createSelectorQuery().in(this)
query
.select('.ec-canvas')
.fields({ node: true, size: true })
.exec(res => {
const canvasNode = res[0].node
opt.canvas = canvasNode
wx.canvasToTempFilePath(opt)
})
} else {
// 旧的
if (!opt.canvasId) {
opt.canvasId = this.data.canvasId;
}
const system = wx.getSystemInfoSync().system
if (/ios/i.test(system)) {
ctx.draw(true, () => {
wx.canvasToTempFilePath(opt, this);
});
} else {//针对安卓机型异步获取已绘制图层
ctx.draw(false,()=>{
//断点打印依旧不会执行setTimeout(() => {wx.canvasToTempFilePath(opt, this);}, 1000);}});
ctx.draw(false);
setTimeout(() => {//延迟获取
wx.canvasToTempFilePath(opt, this);
}, 1000);
})
}
}
},
报错信息是什么?