小程序
小游戏
企业微信
微信支付
扫描小程序码分享
canvas组件在jpg格式下真机出现黑色图片，怎么添加一个白色背景，让画布自定义签名保存真机不出现黑色图片状态（只能是jpg格式的图片，png透明背景不行）
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
canvas 转 image/jpeg 是 会舍弃掉透明度。所以会导致base64后，透明区域变成黑色。推荐一种解决方法：先在canvas上填充白色背景，再绘制其他内容，其他的背景颜色也是同理的。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#ffffff';
ctx.fillRect( 0, 0, _this.data.canvasWidth, _this.data.canvasHeight);//绘制填充白色背景
楼主后来加了什么？求赐教，我也遇到了这个问题
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
canvas 转 image/jpeg 是 会舍弃掉透明度。所以会导致base64后，透明区域变成黑色。推荐一种解决方法：先在canvas上填充白色背景，再绘制其他内容，其他的背景颜色也是同理的。
const ctx = canvas.getContext('2d');
ctx.fillStyle = '#ffffff';
ctx.fillRect( 0, 0, _this.data.canvasWidth, _this.data.canvasHeight);//绘制填充白色背景
楼主后来加了什么？求赐教，我也遇到了这个问题