收藏
回答

wx.canvasToTempFilePath生成图片背景色成黑色了

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug wx.canvasToTempFilePath 客户端 7.0.4 2.6.6


搜索过多个帖子,还是没解决..

//绘制图片

const ctx = wx.createCanvasContext('myCanvas')

ctx.setFillStyle('#FFFFFF')

ctx.draw(true, setTimeout(function () {

wx.canvasToTempFilePath({

canvasId: 'myCanvas',

fileType: 'jpg',

success: function (res) {

wx.saveImageToPhotosAlbum({});


android 是微信7.0.4版本上导出后图片背景色是黑色了。ios上,微信7.0.3版本就没问题

最后一次编辑于  2019-04-28
回答关注问题邀请回答
收藏

4 个回答

  • You
    You
    2019-05-09

    ctx.save()

    ctx.setFillStyle('white');//填充白色

    ctx.fillRect(0, 0, 244 , 457 );//画出矩形白色背景

    ctx.restore()

    这个写法试试

    2019-05-09
    赞同 8
    回复
  • 彩云衣内容电商平台
    彩云衣内容电商平台
    2019-04-30

    可能写法问题 保存canvas图片的坐标都写全了 试试

    wx.canvasToTempFilePath({

    x: 0,

    y: 0,

    width: cardWidth,

    height: cardHeight,

    destWidth:cardWidth * 2,

    destHeight: cardHeight * 2,

    canvasId: 'cvs',

    fileType: 'jpg',

    quality: 1,


    2019-04-30
    赞同 2
    回复 4
    • yxChan
      yxChan
      2019-04-30

      还是不行.

      2019-04-30
      回复
    • 彩云衣内容电商平台
      彩云衣内容电商平台
      2019-04-30回复yxChan

      beginPath 看看要不要闭合路径

      2019-04-30
      1
      回复
    • yxChan
      yxChan
      2019-04-30回复彩云衣内容电商平台

      闭合路径什么意思的了?

      2019-04-30
      回复
    • 落雨生花
      落雨生花
      2019-07-23回复yxChan
      先填充背景为矩形区域白色 然后在设置为黑色 我的做法是这样的
      2019-07-23
      回复
  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-04-28

    你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-04-28
    赞同
    回复 23
    查看更多(18)
  • mine
    mine
    2019-08-22

    要不,绕过这个弯,先用图片生成个白底

    var path4 = '/img/ffffff.png';

    context.drawImage(path4, 0, 0, 700, 1200)

    哈哈哈哈哈,我太聪明了



    2019-08-22
    赞同 1
    回复 1
    • 尹相杰
      尹相杰
      2019-11-18
      赞啊
      2019-11-18
      回复
登录 后发表内容