收藏
回答

PC端小程序使用但是使用canvasToTempFilePath 导出为空白?

在PC端使用小程序中使用canvas drawImage 绘制出裁剪的图片后,在使用canvasToTempFilePath 导出图片为空白,canvas drawImage 绘制出了图片也能看到,在使用canvasToTempFilePath 也增加了setTimeOut 导出仍然是空白,开发工具 android IOS 目前都没有出现问题就只用 PC端微信小程序出现

draw2DImage 方法为


回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2023-07-20

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-07-20
    有用
    回复 4
    • AugusBalck
      AugusBalck
      2023-07-20
      你好,刚刚代码片段有问题 (https://developers.weixin.qq.com/s/TUyyNQm87oJI) 这个是新的 手机上测试没有问题,PC端调试报错 canvasToTempFilePath:fail executeCanvasMethod failed: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0.
      2023-07-20
      回复
    • AugusBalck
      AugusBalck
      2023-07-24
      你好,请问这个是什么原因呢?
      2023-07-24
      回复
    • 社区技术运营专员--阳光
      社区技术运营专员--阳光
      2023-07-25回复AugusBalck
      https://docs.qq.com/doc/DRmROZXpBVmNxYURY


      这是 Windows 微信更新内核(小程序框架)的指南,更新下再试试
      2023-07-25
      回复
    • AugusBalck
      AugusBalck
      2023-07-27
      好的,可以了谢谢
      2023-07-27
      回复
  • 数羊
    数羊
    08-22

    连续两次调用wx.canvasToTempFilePath后,用第二次返回的图片url就能正常显示,没搞懂原因,代码:

    wx.canvasToTempFilePath({
    	// 将画布中内容转成图片
    	canvas: canvas,
    	success: res => {
    		// console.log('canvasToTempFilePath res...', res);
    		wx.canvasToTempFilePath({
    			canvas: canvas,
    			success: res2 => {// 用第二次生成的tempFilePath就正常
    				resolve({
    					shareImageUrl: res2.tempFilePath,
    				})
    			}
    		})
    		// resolve({
    		//     shareImageUrl: res.tempFilePath,
    		// })
    	},
    	fail: err => {
    		// console.log('canvasToTempFilePath err...', err);
    		// wx.showToast({
    		//     title: '分享图生成失败',
    		//     icon: 'none',
    		//     duration: 2000,
    		// })
    		reject()
    	},
    	complete: () => {
    		// wx.hideLoading()
    	},
    })
    


    08-22
    有用
    回复
登录 后发表内容