mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-09 13:26:44 +08:00
73 lines
3.2 KiB
HTML
73 lines
3.2 KiB
HTML
<!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>
|