点击截屏按钮
- 发布:2020-05-28 17:35
- 更新:2022-06-23 10:30
- 阅读:1501
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.5.1
手机系统: Android
手机系统版本号: Android 7.0
手机厂商: 华为
手机机型: STF-AL10
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
带有地图的页面正常截图
带有地图的页面正常截图
实际结果:
ios可以截到内置地图,安卓截屏内置地图,只显示“高德地图”几个字,但是地图部分是黑色
ios可以截到内置地图,安卓截屏内置地图,只显示“高德地图”几个字,但是地图部分是黑色
bug描述:
<template>
<view class="deatais">
<!-- 地图 -->
<view class="map_box">
<map class="map" ref="mapRef" id="navi_map" :longitude="117.04526" :latitude="36.642418" scale="12" :markers="markers" :polyline="polyline"></map>
</view>
<view class="foot-bg" v-on:click="capture()">
<view class="foot-button">
<text>截屏</text>
</view>
</view>
</view>
</template>
methods: {//带地图的截屏
capture() {
var pages = getCurrentPages();
var page = pages[pages.length - 1];
var bitmap = null;
var currentWebview = page.$getAppWebview();;
bitmap = new plus.nativeObj.Bitmap('amway_img');
// 将webview内容绘制到Bitmap对象中
currentWebview.draw(bitmap, function() {
console.log('截屏绘制图片成功');
bitmap.save("_doc/a.jpg", {}, function(i) {
console.log('保存图片成功:' + JSON.stringify(i));
uni.saveImageToPhotosAlbum({
filePath: i.target,
success: function() {
bitmap.clear(); //销毁Bitmap图片
uni.showToast({
title: '保存图片成功',
mask: false,
duration: 1500
});
}
});
}, function(e) {
console.log('保存图片失败:' + JSON.stringify(e));
});
}, function(e) {
console.log('截屏绘制图片失败:' + JSON.stringify(e));
});
//currentWebview.append(amway_bit);
}
}
}
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866
地图截图、nvue map 高德地图组件升级、可使用nvue map 所有功能:https://ext.dcloud.net.cn/plugin?id=8588
8***@qq.com (作者)
请问有什么推荐的替换方案吗
2020-05-29 11:25