NativeScript-SignaturePad :pencil

一个 NativeScript 插件，用于从设备捕获签名（或任何绘图）。您可以使用此组件捕获屏幕上可以绘制的任何内容。尽情发挥吧！！！

警告 - iOS 正在开发中，并将很快可用。目前仅限 ANDROID。

使用的平台控制

安装

从您的命令提示符/终端进入您的应用程序根目录，并执行

npm install nativescript-signaturepad

用法

XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd"
      xmlns:SignaturePad="nativescript-signaturepad">
     <StackLayout>
            <SignaturePad:SignaturePad
                height="200"
                id="drawingPad"     
                penColor="#ff4081" 
                penWidth="3" />   
            
            <button text="Get Drawing" tap="getDrawing" />
            <button text="Clear Drawing" tap="clearDrawing" />
     </StackLayout>
</Page>

JS

var frame = require("ui/frame");

// To get the drawing...
function getDrawing(args) {
    // get reference to the drawing pad
    var pad = frame.topmost().currentPage.getViewById("drawingPad");
    // then access the 'drawing' property (Bitmap on Android) of the signaturepad
    var drawingImage = pad.drawing;
}
exports.getDrawing = getDrawing;

// If you want to clear the signature/drawing...
function clearDrawing(args) {
    var pad = frame.topmost().currentPage.getViewById("drawingPad");
    pad.clearDrawing();
}
exports.clearDrawing = clearDrawing;

属性

penColor - (颜色字符串) - 可选

指定要使用的笔（描边）颜色的属性。

penWidth - (整数) - 可选

指定要使用的笔（描边）宽度的属性。

示例截图

示例 1	示例 2