截图

截图

9 人关注该话题

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

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

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

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

video截图功能 截图 video uniapp

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

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

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

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

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

uniapp 怎么使用html2canvas.js 截图 uniapp

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

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

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

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

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

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

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

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

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

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

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

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

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

更多...
5

赞同来自: 小云菜 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="history.back()">后退</button>-->
<button onclick="location.reload()">刷新</button>
<button id="btGetCapture" onclick="getCapture()" disabled="disabled"> 截图 </button>
<img id="imgCapture" style="width: 100%;"/>
</body>
</html>

```
0

赞同来自:

renderJS可以了解下

参考下
[https://blog.csdn.net/qq_41309583/article/details/111183491](https://blog.csdn.net/qq_41309583/article/details... 显示全部 »
renderJS可以了解下

参考下
[https://blog.csdn.net/qq_41309583/article/details/111183491](https://blog.csdn.net/qq_41309583/article/details/111183491)
1

赞同来自: DCloud_UNI_yuhe

由于鸿蒙对 webview 的限制,目前只有还无法同时兼容 renderjs 跨域和沙箱中 files 文件夹中的 html 的跨域。目前为沙箱中 files 文件夹下的 html 可以跨域。

此问题为已知问题且已反馈给鸿蒙,鸿蒙方预计后续会修复此问题
由于鸿蒙对 webview 的限制,目前只有还无法同时兼容 renderjs 跨域和沙箱中 files 文件夹中的 html 的跨域。目前为沙箱中 files 文件夹下的 html 可以跨域。

此问题为已知问题且已反馈给鸿蒙,鸿蒙方预计后续会修复此问题
更多...

Native.js 实现 unaipp 截图 截图

分类: uni-app chenbool2022-06-08 10:15  发表文章 • 0 个评论 • 682 次浏览

网页中截图保存到本地 获取某个div或者某一块区域(纯js实现) bitmap js 截图

分类: HTML5+ 8***@qq.com2020-07-23 12:13  评论文章 • 12 个评论 • 25666 次浏览

uni-app 监听截屏事件和截图(ios)插件 截图

分类: uni-app FullStack2020-04-13 17:25  发表文章 • 0 个评论 • 2800 次浏览

更多...