集成签字面板

2025-12-10 03:26:45 +08:00 · 2021-09-14 14:40:47 +08:00
parent 7b1006ce56
commit b8d2743f3c
11 changed files with 755 additions and 2 deletions
--- a/public/CFCA/SignTrue.html
+++ b/public/CFCA/SignTrue.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <title>手写笔迹</title>
+    <meta name="viewport" charset="UTF-8"
+          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <script type="text/javascript" src="./EPaper.min.js"></script>
+    <script type="text/javascript" src="./Base64.js"></script>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+      }
+      .paperCanvas {
+        position: absolute;
+        left: 0;
+        bottom: 44px;
+        top: 44px;
+        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAETklEQVR42nSXyVbsMBBDPVQS4P//Ew4bSNtx3kJ5F+E0XvRJJx5qkFTl/PHxkVJKKeWcc856Ps/zPM8xhh5qraWUUkpKiZcppVprzrmUwkKt3fdd89lE+6/rylmh7fRNz6zXSh2WbHCwBl91jPaRTZyqN/iTUgoZq9/eu+Zho96X/wN7mYYFPJ/nuSwLb2qt7L/vOzuHnySjZJFiqDHG0F+9x8XWmqcJH3LOx3FoGq4fx3Ech1yvteb39/dlWXLOuDttNAXZ/67r2ntvrSkv2rGU8ng8mDz94sBPjgngdEDOubXmGcGmfd+VCAyVZ/cdJvSd5xkKCzOmbBFeft2y3rtyoU+kwGcCezmGZXGeZ++dZPjx/IoG5++RUooI7U6aFHAAqPMwTiAXWeIeQA+IFqc/BmB0SJ7n6SHEUfaRKZFzRgf0WVN9CCy+ktjqWZiSBb13Hew4x1DeBz5hcq3V5Qm/3XtHA0DV2ezDwTgALccY0XuXIWMMuc43Yi5BuNPJw0gigZIeNEFDYJStAZc0VRki/lqw77veRITeowaoJmLp+PKsjzEAY8458HKi+ZWJiIn4OgA6TZiQ9yiU74PkwYggVmIFckr0sBT0aoJigwTda8lU31zkAzTeRd/hxhusvMvqhF6vrcK53muE9qL8eX0FFCSCmVeeLBJ6mNaWUtZ1VZCVlx86wTmnAfh0XjlJXJgmZChByoJTnNRcHlMyQR0iOima1G7qUu56J1rSfogRGETYwrertR7H0XsXyrB3XdepNVAkhV4OBlzyb4zRWlNl27Zt27aIK8BjjPz5+YlDOvg4Dg/jJNeTOMjEUsqyLOIFRt+Va9s2QBP3mkOCiZ5rLwd7bDFR9EWCnGmKEPNjqr4OS8kNIHCV0MPr66uj/alYEicZBH0CWJZSvr+/pYvASkfCP6SRVD1NBFqLQQjIDxVZ7GQlkpotgNBxyiAvD/n3oFw67lx3LwFByhU61wTvq+/tX2uNTvQuYZAT7/8sEp4SF4qXl5e7pqpITMrlmJhYABSuDkQ0QHpIjIbYRT2emre3t7fJS0evi4GGutIf5fKOp/dOjltrIkZrTYiTixFXTXvabNw7c/dV/rTWQsfQsE0XC1daBzDhmbpxaq1fvVzPwWyQfFUPv2xBA6LnaJBZ92uc09evWxN0wm9wtAqPx8OroaqNYqBnLfGy6IPOZIo57ezV3l4aFjFdApxUwMTFwUvs5NnTO60LbfBKrsCQ6073u38mZ1pMvz1RXDn2SExd6YVql35xgPyRCL+DIEBU+6c9kFdSVG+ux+BFdLpjis4Xs1TmniqawkYJYODuGCOWZSEgX19fEbGuK6hR/JXOWqsaKKzWWu/aUBhXIUCuAnVBauqqdAYNMISmMDuOtItHRRmBmd6YTo1UOF6IuZcXidT98i5pY/JUs4nthC8gFl5YPA2wVnXaa8YUw4uX/+8K96pKT0Enk1L6NwB496XI9pIofQAAAABJRU5ErkJggg==');
+        width: 100%;
+      }
+      .ePaperCanvas {
+        height: 100%;
+        width: 100%;
+        margin: 0;
+        padding: 0;
+        display: block;
+      }
+      </style>
+</head>
+<body onload="init()">
+<div class="paperCanvas">
+    <canvas id="paperCanvas" class="ePaperCanvas"></canvas>
+</div>
+</body>
+<script>
+  var myepaper;
+  function init() {
+      myepaper = new EPaper("paperCanvas");
+      myepaper.setPenSize(4);
+  }
+  function getHandWritingData() {
+    return myepaper.getHandWritingData();   
+  }
+
+  function undo() {
+    myepaper.undo();
+  }
+
+  function redo() {
+    myepaper.redo();
+  }
+
+  function clear() {
+    myepaper.clear();
+  }
+
+  function replay() {
+    myepaper.replay();
+  }
+  function getHandWritingPng() {
+    let img = myepaper.getHandWritingPng();
+    return img
+  }
+  function getHandWritingMaskedPng(width, height, callback) {
+    myepaper.getHandWritingMaskedPng(width, height, callback);
+  }
+  function playWithData(data) {
+    myepaper.playWithData(data);
+  }
+</script>
+</html>