Nativescript Cscreenshot :camera

此插件是为了让您能够轻松地捕获视图截图，并按您的意愿存储。

此插件基于 enchev 的 NativeScript Screenshot nativescript-screenshot，但进行了更新以提高稳定性和对 angular、vue 和 react 的兼容性（仍在测试 vue 和 react）

安装

使用安装命令

tns plugin add @enduco/nativescript-cscreenshot

使用方法

只需在您的项目中导入插件并按如下方式使用

使用 TypeScript

    import { Cscreenshot } from "@enduco/nativescript-cscreenshot";
    import { ImageSource } from "@nativescript/core";

    // then in your take a screenshot method
    let screen = new Cscreenshot();

    // Using vanilla Nativescript
    let view = page.getViewById('main');

    // Using Angular Nativescript
    @ViewChild("main", { static: true }) main: ElementRef;
    let view = this.view.nativeElement;

    // Using Vue Nativescript
    let view = this.$refs.main.nativeView;

    screen.take(view, (image: ImageSource)=>{
        // Do whatever you want with the returned source image
    });

and in your template

    <!-- Assign the reference name depending on the framework -->
    <!-- 'id=""' for vanilla nativescript -->
    <!-- '#main' for angular nativescript -->
    <!-- 'ref="main"' for Vue nativescript -->
    <GridLayout id="main" #main ref="main">
        <!-- Content of your app here -->
    </GridLayout>

许可证

Apache 许可证 2.0 版本，2004 年 1 月