uniapp 踩坑记录：canvas生成海报并分享

独断万古的伊莉雅

于 2024-07-10 11:35:17 发布

阅读量355

点赞数 1

文章标签： uni-app 前端微信小程序

本文链接：https://blog.youkuaiyun.com/zzz18789/article/details/140319462

版权

最近做了一个生成二维码海报并拉起微信小程序分享的功能，因为要在多处使用，所以做成了一个组件，结果canvas怎么都无法绘制出来，在网上查询后得知，需要在创建示例时加上this

const context = uni.createCanvasContext('canvas', this); //在这里第二个参数加上this

现在绘制问题解决了，可是使用canvasToTempFilePath导出为图片时又报错了，还是同样的问题，需要加上this

	uni.canvasToTempFilePath({
							x: 0,
							y: 0,
							width: 700 * wid,
							height: 1200 * wid,
							canvasId: 'canvas',
							success(res) {
							},
							fail(err) {
							}
						}, this); //这里加个this