<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>
- 发布:2021-03-04 15:30
- 更新:2021-03-04 15:30
- 阅读:495
产品分类: 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
示例代码:
操作步骤:
进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈
进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈
预期结果:
进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈
进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈
实际结果:
进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈
进首页点击下面按钮会出现微信 朋友圈 和生成二维码 然后点击二维码然后点击分享 选择朋友圈
bug描述:
用canvas 把图片合成后无法分享到朋友圈 但是我把地址换成线上的地址就可以 不是纯图文的也能分享
0 个回复