本文介绍如何利用jSignature在网页上实现手写签名，并展示了前端和后台的关键代码。用户可以进行手写签名，点击后将签名保存至后台，而非直接下载图片。
一、效果图
注意：1、CSS样式自己调，这里写的很简陋。
2、单击下载，并不是下载图片，而是保存到后台。
3、注意js的引用。
二、前端
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>手写板签名demo</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="UTF-8">
<meta name="description" content="overview & stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<script src="./js/jquery-2.0.3/jquery-2.0.3.min.js"></script>
<script src="./js/jSignature/jSignature.min.js"></script>
<script>
$(function() {
var $sigdiv = $("#signature");
$sigdiv.jSignature(); // 初始化jSignature插件-属性用","隔开
// $sigdiv.jSignature({'decor-color':'red'}); // 初始化jSignature插件-设置横线颜色
// $sigdiv.jSignature({'lineWidth':"6"});// 初始化jSignature插件-设置横线粗细
// $sigdiv.jSignature({"decor-color":"transparent"});// 初始化jSignature插件-去掉横线
// $sigdiv.jSignature({'UndoButton':true});// 初始化jSignature插件-撤销功能
// $sigdiv.jSignature({'height': 100, 'width': 200}); // 初始化jSignature插件-设置书写范围(大小)
$("#yes").click(function(){
//将画布内容转换为图片
var datapair = $sigdiv.jSignature("getData", "image");
$(
最低0.47元/天 解锁文章
5313
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
