uniapp使用Canvas绘制海报代码示例微信小程序下载海报画布

uniapp使用Canvas绘制海报代码示例微信小程序下载海报画布

uni-app官网

示例：

<template>
  <view class="container">
	  <view>
		  <canvas canvas-id="myCanvas" class="canvas"></canvas>		  
	  </view>
	
	<view>
		  <button @tap="downloadPoster" class="download-btn">下载海报</button>
	</view>
	
  </view>
  
</template>

<script>
export default {
  onLoad() {
    this.drawPoster();
  },
  methods: {
  
	
	// 下载海报
	downloadPoster() {
	  // 获取 Canvas 绘制内容的临时图片文件路径
	  uni.canvasToTempFilePath({
		canvasId: 'myCanvas',
		success: (res) => {
		  // 将临时图片文件保存到相册
		  uni.saveImageToPhotosAlbum({
			filePath: res.tempFilePath,
			success: () => {
			  uni.showToast({
				title: '保存成功',
				icon: 'suc