vue 截图并下载

vue 截图并下载

<div class="content" ref="Container">
			<!-- 中间放要截图的内容 -->
				</div>

const Container = ref();

	const captureAndDownload = async () => {
		if (Container.value) {
			try {
				const canvas = await html2canvas(Container.value);

				// 创建一个链接并自动点击以下载图片
				const link = document.createElement('a');

				link.href = canvas.toDataURL('image/png');
				link.download = 'captured-image.png';
				link.click();
			} catch (error) {
				console.error('Error capturing the div content:', error);
			}
		}
	};