前段时间有个项目,是一个后台仓库管理系统,客户要求出入仓审核的时候需要手写签名确认,所以就写了一个手写签名的插件
因为客户的系统是通过触摸屏操作的,所以也写了 touch 事件以达到客户的要求。
具体代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"/>
<title>手写签名</title>
<style type="text/css">
html,body{
margin: 0;
padding: 0;
}
.saveimg{
text-align: center;
}
.saveimgs span{
display: inline-block;
margin-top:5px;
}
</style>
</head>
<body>
<div align="center">
<canvas id="myCanvas" width="500" height="300" style="border:1px solid #6699cc"></canvas>
<div class="control-ops control">
<button type="button" class="btn btn-primary" onclick="javascript:clearArea();return false;">清空画板</button>
Line width : <select id="selWidth" onchange="aaa()">
<option value="1">1</option>
<option valu