+
95
-

uniapp如何对页面指定范围区域截图生成图片分享?

uniapp如何对页面指定范围区域截图生成图片分享?


网友回复

+
15
-

1、利用page.$getAppWebview()与plus.nativeObj.Bitmap实现应用界面截图,具体代码如下:

<template>
	<view>
		<image src="http://repo.bfw.wiki/bfwrepo/image/5d65ea7d8bc8b.png" style="width: 750rpx;" mode="widthFix"></image>
		<view @tap="downloadFile">截图下载</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			downloadFile() {
						let $this = this;
						uni.showLoading({ //加载框
						  title: '保存中...',
						  mask: true
						})
						var pages = getCurrentPages(); //获取当前页面信息
						var page = pages[pages.length - 1];
						var bitmap = null;
						// $this.$nextTick(()=> {
						  var currentWebview = page.$getAppWebview();
						  bitmap = new plus.nativeObj.Bitmap('amway_img');
						  // 将webview内容绘制到Bitmap对象中
						  currentWebview.draw(bitmap, function() {
							// console.log('截屏绘制图片成功');
							//这里我将文件名用四位随机数拼接了,不然会出现当前...

点击查看剩余70%

我知道答案,我要回答