截屏 - DCloud问答

截屏

7 人关注该话题

监听用户主动截屏事件，用户使用系统截屏按键截屏时触发此事件。 vue2 截屏 uniapp

分类： uni-app 摩姆苏 2024-08-20 16:23 回复问题 • 3 人关注 • 2 个回复 • 303 次浏览

uniapp 截图工具有哪些 截屏 uniapp

分类： uni-app 传播星球 2023-12-13 17:59 回复问题 • 2 人关注 • 2 个回复 • 198 次浏览

#插件需求# APP截长图，整个页面，不仅仅是可视区域 截屏 截图 插件需求

分类： uni-app 9***@qq.com 2023-06-12 09:34 回复问题 • 6 人关注 • 6 个回复 • 1342 次浏览

【咨询】uni-app 如何实现ios系统隐私页面防截屏？截屏 iOS uniapp

分类： uni-app d***@163.com 2022-12-29 09:09 回复问题 • 1 人关注 • 1 个回复 • 292 次浏览

IOS怎么禁止截屏 iOS 截屏

分类： uni-app FullStack 2022-06-10 11:25 回复问题 • 2 人关注 • 1 个回复 • 1124 次浏览

html2canvas ios文字显示正常，但是dome里面的img图片生成后空白， pc端正常，请大神指教，急急急！！截屏

分类： HBuilderX monkey_uni 2021-01-26 10:28 回复问题 • 5 人关注 • 3 个回复 • 3260 次浏览

webview.draw截图，截取摄像头拍摄的内容为黑色，如何解决？截屏

分类： HTML5+ 1***@qq.com 2020-12-23 10:34 回复问题 • 4 人关注 • 3 个回复 • 1319 次浏览

#插件讨论# 【 android_监听截屏 - 2356899074@qq.com 】如何实现固定页面禁止截屏 截屏 插件讨论

分类： uni-app s***@163.com 2020-10-30 10:23 回复问题 • 2 人关注 • 2 个回复 • 718 次浏览

【报Bug】uniapp截屏保存下来是全黑色的图片 截屏

分类： uni-app 9***@qq.com 2020-08-01 02:59 回复问题 • 3 人关注 • 2 个回复 • 1644 次浏览

如何监听手机截屏？截屏

分类： HTML5+ FullStack 2020-04-13 17:23 回复问题 • 3 人关注 • 2 个回复 • 3053 次浏览

uni-app 截屏 摄像头 截屏

分类： uni-app FullStack 2020-04-13 17:22 回复问题 • 2 人关注 • 1 个回复 • 2274 次浏览

监听ios截屏事件,请问怎么做? 截屏

分类： HTML5+ / Native.js FullStack 2020-04-13 17:22 回复问题 • 6 人关注 • 5 个回复 • 2371 次浏览

更多...

有没有屏幕截图、截屏的插件

16 个回复 • 不感兴趣

赞同来自: 小云菜、jwenlee 、Gaollg 、蔡繁荣、Trust 更多 »

更新=====
plus.webview补充了截屏方法，这个效率更高，而且ios、Android都可以直接用。[http://html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.dra... 显示全部 »

更新=====
plus.webview补充了截屏方法，这个效率更高，而且ios、Android都可以直接用。[http://html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.draw](http://html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.draw)

以下为过期信息===========================================

不需要插件，Native.js搞定。附件是一段Native.js代码。

```javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}

var Activity,view,viewClass,BitmapFactory,StringBuffer,Byte,CompressFormat,ByteArrayOutputStream,str,bBitmap,bStream,bytes,Base64;
var bitmap = null;

function plusReady(){
// 导入Native.js需要的原生对象
Activity = plus.android.runtimeMainActivity();
BitmapFactory = plus.android.importClass("android.graphics.BitmapFactory");
StringBuffer = plus.android.importClass("java.lang.StringBuffer")
Byte = plus.android.importClass("java.lang.Byte");
CompressFormat = plus.android.importClass("android.graphics.Bitmap.CompressFormat");
bBitmap = plus.android.importClass("android.graphics.Bitmap");
ByteArrayOutputStream = plus.android.importClass("java.io.ByteArrayOutputStream");
Base64 = plus.android.importClass("android.util.Base64");
//viewClass = plus.android.importClass("android.view.View");

document.getElementById("btGetCapture").disabled="";
}

function getCapture () {
//配置view缓存
view = Activity.getCurrentFocus();
plus.android.invoke(view,"setDrawingCacheEnabled",true);
plus.android.invoke(view,"buildDrawingCache");
//对view截图，存入bitmap中
bitmap = plus.android.invoke(view,"getDrawingCache");

if (bitmap != null) {
console.log("截图成功");
// 将原生Bitmap转换成Base64字符串，赋值给js变量
try {
str = new StringBuffer();
bStream = new ByteArrayOutputStream();
bitmap.compress(bBitmap.CompressFormat.PNG, 100, bStream);
bStream.flush();
bStream.close();
bytes = bStream.toByteArray();
str.append(Base64.encodeToString(bytes, Base64.NO_WRAP));
} catch (e) {
console.log(e.message);
}
console.log("截图字节长度："+str.length());
document.getElementById("imgCapture").src = "data:image/png;base64," + str.toString();
}
else {
console.log("截图失败，请重试"); //此处可以进一步优化为失败后循环截图直到获取到截图
}
}

</script>
<style type="text/css">
body{
margin: 0px; padding: 0px;
}
</style>
</head>
<body>

<button onclick="location.reload()">刷新</button>
<button id="btGetCapture" onclick="getCapture()" disabled="disabled"> 截图 </button>
<img id="imgCapture" style="width: 100%;"/>
</body>
</html>

```

8 条评论

更多...