uni-app保存海报

最新推荐文章于 2024-07-23 09:04:54 发布

GoldenPigGirl

最新推荐文章于 2024-07-23 09:04:54 发布

阅读量315

点赞数

分类专栏： uni-app

本文链接：https://blog.csdn.net/goldenpiggirl/article/details/105752795

版权

本文介绍了如何在uni-app中将图片保存到用户的本地相册，详细讲解了使用uni-app的API进行图片保存的步骤和注意事项。

摘要由CSDN通过智能技术生成

uni-app将图片保存到本地

<template>
	<view>
		<canvas class="can" canvas-id="mycan"></canvas>
		<button @click="bye">保存海报</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				backurl: '../../static/yqhy.png' //本地背景图片
			}
		},
		onShow: function(option) {
			var that = this
			// 邀请码接口请求
			uni.request({
				url: '请求地址',
				data: {
					invite_code: 用户id
				},
				method: 'POST',//请求方法
				header: {
					'content-type': 'application/x-www-form-urlencoded'
				},
				success: (res) => {
					// 获取当前系统的信息
					uni.getSystemInfo({
						success(res) {
							const ctx = uni.createCanvasContext('mycan')
							ctx.drawImage(that.backurl, 0, 0, res.windowWidth, res.windowHeight)
							ctx.drawImage(wx.env.USER_DATA_PATH + '/friend' + 'dalaba' +