[已删除]
[已删除]
  • 发布:2021-03-04 15:30
  • 更新:2021-03-04 15:30
  • 阅读:495

【报Bug】canvas 生成的图片无法分享到朋友圈

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window 7

HBuilderX类型: 正式

HBuilderX版本号: 3.1.2

手机系统: Android

手机系统版本号: Android 11

手机厂商: vivo

手机机型: iqoo V1824A

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

App下载地址或H5⽹址: http://xingjiserver.niuercdn.com/xingjizhiben.apk

示例代码:

<markdown>
var that=this;
var canvas = uni.createCanvasContext('graceCanvas');
canvas.fillStyle = 'rgb(255,255,255)';
canvas.fillRect(0, 0, 550, 950);
var newName = _self.nickname.substr(0, 17);
if (_self.nickname.length > 25) newName += '...';
canvas.font = '18px Arial';
canvas.fillStyle = '#000000';
canvas.fillText(newName, 15, 300);
canvas.font = '14px Arial';
canvas.fillStyle = '#999999';
canvas.fillText(_self.title, 15, 325);
canvas.drawImage(_self.logo,15,450,63,9.5);
uni.downloadFile({
url: _self.headimgurl, //仅为示例,并非真实的资源
success: (res) => {
if (res.statusCode === 200) {
canvas.drawImage(res.tempFilePath, 0, 0,275, 275);
canvas.draw(true,(res)=>{
uni.downloadFile({
url: _self.url, //仅为示例,并非真实的资源
success: (res) => {
canvas.drawImage(res.tempFilePath, 185, 385, 80, 80);
canvas.draw(true,(res)=>{
uni.canvasToTempFilePath({
canvasId: 'graceCanvas',
success: function(res) {
that.imgSrc=res.tempFilePath;
uni.hideLoading();
}
})
});
},
})
});
}
}
});
uni.share({
provider: "weixin",
scene: "WXSenceTimeline",
type: 2,
imageUrl: this.imgSrc,
success: function(res) {
console.log("success:" + JSON.stringify(res));
this.fxshow = false;
},
fail: function(err) {
console.log("fail:" + JSON.stringify(err));
}
});
</markdown>

操作步骤:

进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈

预期结果:

进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈

实际结果:

进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈

bug描述:

用canvas 把图片合成后无法分享到朋友圈 但是我把地址换成线上的地址就可以 不是纯图文的也能分享

2021-03-04 15:30 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复