uniapp开发微信小程序纯代码生成海报

				<view class="JuanBu_HaiBao_btn1" @click="savePoster">保存到相册</view>
savePoster() {
			    // 创建canvas对象
			    const ctx = uni.createCanvasContext('posterCanvas', this);
			
			    // 绘制背景
			    ctx.setFillStyle('#000');
			    ctx.fillRect(0, 0, 660, 1050);
			
			    // 绘制图片
			    ctx.drawImage('../../static/index/juanbusrc.png', 0, 0, 660, 1050);
			
			    // 绘制文字
			    ctx.setFontSize(32);
			    ctx.setFillStyle('#FFF');
			    ctx.setTextAlign('center');
			    ctx.fillText(this.HuoListname, 330, 310);
			
			    // ... 绘制其他内容
			
			    // 绘制二维码
			    ctx.drawImage(this.YM + this.ewm, 155, 680, 220, 220);
			
			    // 绘制完成后执行生成临时图片路径和保存到相册
			    ctx.draw(false, () => {
			      uni.canvasToTempFilePath({
			        canvasId: 'posterCanvas',
			        success: (res) => {
			          uni.saveImageToPhotosAlbum({
			            filePath: res.tempFilePath,
			            success: () => {
			              uni.showToast({
			                title: '保存成功',
			                icon: 'success'
			              });
			            },
			            fail: () => {
			              uni.showToast({
			                title: '保存失败',
			                icon: 'none'
			              });
			            }
			          });
			        }
			      });
			    });
			  },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑云压城After

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值