- uni.canvasToTempFilePath生成图片不报错,变空白是为啥呢?
点击截图之后,没有报错,能生成图片,但是生成的是空白图片 哪位大佬给解答解答 [图片] 代码如下: // 下边是wxml <template> <view> <!-- 图片内容 --> <view id="capture-page"> <!-- 页面内容 --> 这是个截图? <view class="capture-page1"> 子截图 </view> </view> <!-- 绘制canvas用于截图 --> <canvas canvas-id="myCanvas" id="myCanvas" style="position:fixed; left:-9999rpx; top:-9999rpx;"></canvas> <!-- 截图按钮 --> <button @click="handleCaptureScreen">截屏</button> </view> </template> //下边是截图方法 async handleCaptureScreen() { const canvasContext = uni.createCanvasContext('myCanvas', this) // 获取页面节点信息 const pageQuery = uni.createSelectorQuery().in(this) await pageQuery.select('#capture-page').boundingClientRect(data => { console.log("得到布局位置信息", data); const pageNode = data console.log('pageNode', pageNode.left) console.log('pageNode', pageNode.top) console.log('pageNode', pageNode.width) console.log('pageNode', pageNode.height) canvasContext.draw(false, () => { // 将canvas转换为图片 uni.canvasToTempFilePath({ canvasId: 'myCanvas', x: pageNode.left, y: pageNode.top, width: pageNode.width, height: pageNode.height, success: (res) => { uni.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success: () => { uni.showToast({ title: '保存成功', }) // resolve() }, fail: (error) => { uni.showToast({ title: '取消保存', icon: 'cancel' }) } }) }, fail: (error) => { uni.showToast({ title: '生成图片失败', icon: 'cancel' }) // reject(error) } }) }) // 绘制canvas // new Promise((resolve, reject) => { // }) }).exec() }
2023-05-11 - 微信小程序官方api如何从异步调用变为同步调用?
微信小程序官方api如何从异步调用变为同步调用?比如wx.getSetting或者wx.getUserInfo这些接口都是异步调用的,咋搞成同步的呢?有方法吗
2021-01-27