收藏
回答

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

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 wx.canvasToTempFilePath 客户端 Android 6.6.1 1.9.8

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

最后一次编辑于  2018-01-31  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

7 个回答

  • Holyhulk
    Holyhulk
    2018-01-31

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

    2018-01-31
    赞同
    回复
  • 五毛
    五毛
    2018-01-31

    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) {

    ............

    }

    )}


    2018-01-31
    赞同
    回复
  • 五毛
    五毛
    2018-01-31

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

    效果如下图


    2018-01-31
    赞同
    回复
  • Holyhulk
    Holyhulk
    2018-01-31

    可能是时序问题

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

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

    2018-01-31
    赞同
    回复
  • 五毛
    五毛
    2018-01-31

    你好,刚刚调试了一下

    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正常

    2018-01-31
    赞同
    回复
  • 五毛
    五毛
    2018-01-31

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


    在安卓有问题,ios可以

    2018-01-31
    赞同
    回复
  • 我是太阳
    我是太阳
    2018-02-03

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

    2018-02-03
    赞同
    回复