截图 - DCloud问答

截图

9 人关注该话题

uniapp VUE3 鸿蒙真机的时候，html2canvas无法使用的问题 鸿蒙 截图 uniapp bug已确认

分类： uni-app u***@163.com 2025-09-30 10:08 回复问题 • 6 人关注 • 6 个回复 • 925 次浏览

app端想要对部分view截图应该怎么做呀 截图 canvas HBuilderX

分类： HBuilderX 1***@qq.com 2025-03-27 16:01 回复问题 • 4 人关注 • 3 个回复 • 351 次浏览

video截图功能 截图 video uniapp

分类： uni-app 4***@qq.com 2024-07-29 17:05 回复问题 • 5 人关注 • 5 个回复 • 656 次浏览

#插件需求# 对页面播放的视频进行录制 截图 安卓 uniapp原生插件 插件需求

分类：招聘与外包蕉太狼二叔 2024-06-18 22:34 回复问题 • 3 人关注 • 2 个回复 • 317 次浏览

ios 15.5不兼容html2canvas怎么解决啊 canvas 兼容性 截图 uniapp

分类： uni-app 传播星球 2023-12-20 16:43 发起问题 • 1 人关注 • 0 个回复 • 355 次浏览

uniapp 怎么使用html2canvas.js 截图 uniapp

分类： uni-app 套马杆的套子 2023-12-14 08:49 回复问题 • 3 人关注 • 3 个回复 • 672 次浏览

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

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

unicloud视频截图的api没有吗？ video 截图 uniCloud uniapp 视频

分类： uniCloud BoredApe 2022-05-16 10:26 回复问题 • 2 人关注 • 2 个回复 • 447 次浏览

uniapp 怎么保存截图？已解决 截图

分类： uni-app c***@163.com 2021-09-03 15:20 回复问题 • 8 人关注 • 5 个回复 • 4195 次浏览

Bitmap的save失效用什么替代 Debug 截图 HTML5+

分类： uni-app 1***@qq.com 2021-04-30 18:01 发起问题 • 3 人关注 • 0 个回复 • 455 次浏览

uniapp开发app，实现存长图的功能 截图 Webview 移动APP uniapp

分类： uni-app 今天天气真好 2021-01-24 14:47 回复问题 • 3 人关注 • 2 个回复 • 5293 次浏览

uniapp 怎么能像html2canvas那样截图 移动APP uni_app 截图

分类： uni-app 1***@qq.com 2020-12-22 13:51 回复问题 • 13 人关注 • 11 个回复 • 5210 次浏览

更多...

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

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 条评论