收藏
回答

如何解决canvas生成图片在相册打开后背景变为黑色?

在开发工具上显示正常,在手机上保存图片后,相册中打开,会导致背景变为黑色

开发工具展示

https://mmbiz.qpic.cn/mmbiz_png/WcgUoX8D9LDbXicL3EQ3FYX4FKf4I5Xib6IYnqzLhH4gmLUF9lk0uJk8yofQIf8CRWcJML7eXOia8BwpMSUSVQInw/0?wx_fmt=png

手机展示

https://mmbiz.qpic.cn/mmbiz_jpg/WcgUoX8D9LDbXicL3EQ3FYX4FKf4I5Xib6utmhvmMmQWrwL4tD6sy8hPDicspMkV3OicgxdlRNJkL5MGAuKBy60Rpg/0?wx_fmt=jpeg

如果要做成白底黑字要怎么设置

     const ctx = wx.createCanvasContext('sku-bill-canvas', that);
      // 底图
      ctx.drawImage('../../../pages/shop/detail/img/product.png', 0 * xs, 0 * xs, ImageBGWidth, ImageBGHeight);
      // 文字
      ctx.setFillStyle('#000000');  // 文字颜色:黑色
      ctx.setFontSize(26 * xs);         // 文字字号:22px
      ctx.drawImage(that.data.skuBillUrl, CodeOffsetX, CodeOffsetY, 160 * xs, 160 * xs);
      ctx.fillText('姓名:' + skuBill.name, TextOffsetX, TextOffsetY);
      ctx.fillText('电话:' + skuBill.phone, TextOffsetX, TextOffsetY + 40 * xs);
      ctx.setTextAlign('left');  // 文字居中
最后一次编辑于  2020-05-30
回答关注问题邀请回答
收藏

1 个回答

  • 大鱼
    大鱼
    发表于小程序端
    2020-05-30
    canvas中canvasToTempFilePath生成图片为黑色(透明)?? 林子 的回答 - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/000686d73145908bd33a852a153c00?_at=1590835621135&jumpto=comment&commentid=000c8cfa3c4600cbd53ad0f41564
    2020-05-30
    有用 1
    回复 2
    • 大鱼
      大鱼
      发表于小程序端
      2020-05-30
      看看这个 ~~~~如果帮助到了你,麻烦给个赞👍 ,谢谢
      2020-05-30
      2
      回复
    • Mr.Dolphin
      Mr.Dolphin
      2020-05-30回复大鱼
      谢谢,不过还是不行
      2020-05-30
      回复
登录 后发表内容
问题标签