web 前端签名插件_H5+canvas实现支持触屏的签名插件教程_晚秋_前端开发者

前言

大家在日常开发中使用该

方法如下：

使用该签名插件要引入

data-width="600"

data-height="200"

data-border="1px solid #1ABC9C"

data-background="#16A085"

data-line-color="#fff"

data-auto-fit="true">

Clear Canvas

Save Signature

初始化插件

//页面加载完毕之后使用下面的方法来初始化该签名插件

$(document).on('ready', function() {

$('.js-signature').jqSignature();

});

function clearCanvas() {

$('#signature').

配置参数

下面是该签名插件的一些可用参数，这些参数可以同时在data-attributes上使用：

参数

描述

Data Attribute

示例

Width

签名canvas的宽度，单位像素