SEARU.ORG
当前位置:SEARU.ORG > Linux 软件 > 正文

HTML 5 画布 Signature_Pad

Signature_Pad 采用原生JS编写,基于 HTML 5 画布。用 Bézier 曲线进行插补,使线条更平滑。它适用于所有现代桌面和移动浏览器,不依赖于任何外部库。

Example

安装

bower 安装

bower install signature_pad

直接下载 signature_pad.js 或者 signature_pad.min.js 

使用API

var canvas = document.querySelector("canvas");

var signaturePad = new SignaturePad(canvas);

// Returns signature image as data URL (see https://mdn.io/todataurl for the list of possible paramters)
signaturePad.toDataURL(); // save image as PNG
signaturePad.toDataURL("image/jpeg"); // save image as JPEG

// Draws signature image from data URL
signaturePad.fromDataURL("data:image/png;base64,iVBORw0K...");

// Clears the canvas
signaturePad.clear();

// Returns true if canvas is empty, otherwise returns false
signaturePad.isEmpty();

// Unbinds all event handlers
signaturePad.off();

// Rebinds all event handlers
signaturePad.on();

未经允许不得转载:SEARU.ORG » HTML 5 画布 Signature_Pad

赞 (0)
分享到:更多 ()

评论 0