屏幕截图插件
抓取截图的电容插件 .
特征
Capacitor Screenshot插件是Capacitor apps最有能力的屏幕捕捉解决方案之一. 以下是一些关键特征:
- 🖥️ 跨平台:支持Android,iOS,和Web.
- 📸 简单截图:用于取取截图的简单一式API.
- 🌐 网络支持: 使用html2canvas来获取网页平台截图.
- 📱 本地捕获:手机上高质量的本土截图抓取.
- 🤝 兼容性: 与 文件打开器, (中文(简体) ), 相片编辑器 财务报告和审定财务报表 隐私屏幕 插件 .
- 🔁 最新数据:总是支持最新的Capacitor版本.
缺少一个功能? 刚刚 打开一个问题 我们看看!
使用大小写
屏幕截图插件通常在应用程序需要捕获自己的屏幕时使用,例如:
- 错误报告和反馈: 将当前屏幕的截图附加到错误报告或反馈表.
- 共享应用内容:抓取成绩,结果,或其他屏幕,以便用户可以分享.
- 支助票: 抓取应用程序的当前状态来帮助您的支援团队复制问题.
兼容性
| 插件版本 | 电容版本 | 状态 |
|---|---|---|
| 8.x.x (英语) | >=8.x.x | 积极支持 |
安装
你可以用我们的 AI 辅助设置 以安装插件. 添加数据 超级技能 至您的 AI 工具,使用以下命令:
npx skills add capawesome-team/skills --skill capacitor-plugins
然后使用下列提示:
Use the `capacitor-plugins` skill from `capawesome-team/skills` to install the `@capawesome/capacitor-screenshot` plugin in my project.
如果你喜欢 手动设置,通过运行下列命令来安装插件:
npm install @capawesome/capacitor-screenshot html2canvas
npx cap sync
使用量
以下例子说明如何取取当前屏幕的截图.
拍个截图
取当前屏幕的截图 。 其结果包含Android和iOS上截图的文件路径,或网络上的数据URI:
import { Screenshot } from '@capawesome/capacitor-screenshot';
const take = async () => {
const { uri } = await Screenshot.take();
console.log('Screenshot saved at:', uri);
};
API 密码
带( )
take() => Promise<TakeResult>
拍个截相.
回返情况: Promise<TakeResult>
自: 6.0.0 (单位:千美元)
接口
带回
| Prop | 类型 | 说明 | 自兹 |
|---|---|---|---|
uri | string | 截图的文件路径(Android和iOS)或数据URI(Web). | 6.0.0 (单位:千美元) |
财务问题
每个月台都拿什么回报?
在Android 和 iOS上 take() 方法返回被捕获截图的文件路径。 在网络上,它返回一个数据 URI 代替,因为截图是用 html2canvas 在浏览器中.
为什么我需要安装html2canvas?
这个 html2canvas 软件包只有在使用Web平台上的插件时才需要,该插件用于渲染截图。 在Android和iOS上,截图是本地拍摄的 html2canvas 无需。 见 安装 详细情况.
我能阻止我的应用程序截图吗?
不,这个插件只接收截图 。 如果您想要屏蔽截图, 将敏感的应用程序内容隐藏在应用程序切换器中, 或在截图被取出时检测, 请使用 隐私屏幕 插件替换 .
我能用这个插件吗? 有Ionic、React、Vue或Angular?
是的,插件是框架不可知的。 它在任意网络框架的Capacitor app中工作,包括有Angular,React,或Vue的Ionic,以及平版JavaScript等项目.
相关插件
通讯
随时更新有关卡帕韦索姆、Capacitor和Ionic生态系统的最新消息和最新消息,因为我们 《卡帕索克通讯》。 。 。 .
更改日志
见 变动情况。 。 。 .
许可证
见 自由主义。 。 。 .