保存Canvas画的图,是黑色的,在开发者工具上调试都正常。。。
发布于 5 年前 作者 guiyingzhao 12706 次浏览 来自 问答

保存Canvas画的图,是黑色的,在开发者工具上调试都正常。。。

7 回复

你好,刚刚调试了一下

wx.canvasToTempFilePath({
  x: 100,
  y: 200,
  width: 50,
  height: 50,
  destWidth: 100,
  destHeight: 100,
  canvasId: 'myCanvas',
  success: function(res) {    console.log(res.tempFilePath)
  } 
})

其中res.tempFilePath的路径,在安卓手机上显示的图片是黑色的,IOS正常

开发者工具保存到服务器上的图都是正常的,安卓和苹果手机保存下来的图都是黑色的

效果如下图

也就是说用你刚刚说的:尝试在draw的回调中进行保存图片

在安卓有问题,ios可以

同样这样  ios可以生成图片  安卓生成大黑块!!

可能是时序问题

尝试在draw的回调中进行保存图片

https://mp.weixin.qq.com/debug/wxadoc/dev/api/canvas/draw.html

canvas样式

.myCanvas{

left:0;

top:0;

width: 660rpx;

height: 500rpx;

margin: 0 0;

overflow: hidden;

background: #fff;

border-radius: 25rpx;

}

生成代码

wx.canvasToTempFilePath({

canvasId: ‘myCanvas’,

fileType:“png”,

success: function success(res) {

}

)}

你好,请提供一下能复现问题的简单代码示例。

回到顶部