在其他的地方打开就是黑色的，我设置canvas的背景色是白色的，难道填充不了？
<canvas canvas-id='share' style="display:{{canvasbox}};width:750rpx;height:1334rpx;margin:auto;background-color:rgba(255,255,255,1);"></canvas> |
// 将生成的canvas图片，转为真实图片 wx.canvasToTempFilePath({ x: 0, y: 0, width: 375, height: 667, destWidth: 375, destHeight: 667, canvasId: 'share', success: function (res) { let shareImg = res.tempFilePath; console.log("shareImg:", shareImg) // 获取用户是否开启用户授权相册 wx.getSetting({ success(res) { // 如果没有则获取授权 if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', success() { wx.saveImageToPhotosAlbum({ filePath: shareImg, success(res) { console.log("保存失败:", res) wx.hideLoading() wx.showToast({ title: '保存成功' }) }, fail(res) { console.log("保存失败:", res) wx.hideLoading() wx.showToast({ title: '保存失败', icon: 'none' }) } }) }, fail() { // 如果用户拒绝过或没有授权，则再次打开授权窗口 //（ps：微信api又改了现在只能通过button才能打开授权设置，以前通过openSet就可打开，下面有打开授权的button弹窗代码） that.setData({ openSet: true }) } }) } else { // 有则直接保存 wx.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success() { console.log("保存成功:", res) wx.hideLoading() wx.showToast({ title: '保存成功' }) }, fail(res) { console.log("保存失败:",res) wx.hideLoading() wx.showToast({ title: '保存失败', icon: 'none' }) } }) } } }) }, fail: function (res) { console.log("生成图片失败！", res) } }) |
使用这个吧。
https://developers.weixin.qq.com/community/develop/article/doc/000ac686c5c5506f18b87ee825b013
最后我还是用了最笨的方法，先填充一张白色的照片做背景
const ctx = wx.createCanvasContext('share');
ctx.fillStyle = "#ffffff";
ctx.draw(true, function () {
//回调方法
//console.log('成功绘制');
wx.canvasToTempFilePath({
......
......
const ctx = wx.createCanvasContext('share');
ctx.clearRect(0, 0, 375, 667);
ctx.fillStyle = "#ffffff";
ctx.fillRect(0, 0, 375, 667);
wx.canvasToTempFilePath({
x: 0,
y: 0,
width: 375,
height: 667,
destWidth: 375,
destHeight: 667,
fileType: 'jpg'
可能附上你的代码片段别人才比较容易帮忙查