使用签名板的手写签名

时间:2020-09-09 14:06:26

标签: signaturepad

编辑:

大家好, 我是JS的新手,目前正在手工签署PDF。我一直在为此苦苦挣扎,似乎找不到解决方案。 我正在为signature_pad库使用示例代码。可以在GitHub https://github.com/szimek/signature_pad/上找到它
到目前为止,我已经能够在HTML文件上显示PDF,以及在iframe下显示画布。 我无法清除签名,也无法设置签名。 要求是:

  1. 我不应该在文档上签名的特定区域,但是应该可以在文档上的任何地方签名。
  2. 单击“设置签名”按钮时,应保存带有签名的PDF。

请参阅下面的HTML页面,了解我的尝试:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta name="description" content="Sign">
    <meta name="viewport"
 content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>Sign</title>
</head>
<body>
<div id="signature-pad">
    <svg id="signDiv" width="1000px" height="900px" viewBox="0 0 1000 900">
        <foreignObject x=10 y=10 width="1000" height="900">
            <iframe src="LOCATION TO THE PDF" &embedded=true style=width:1000px;height:900px></iframe>
        </foreignObject>
    </svg>
    <canvas></canvas>
</div>
<div>
    <button type="button" data-action="clear">Clear</button>
    <button type="button" data-action="save-png">Set signature</button>
</div>
<script src="js/signature_pad.umd.js"></script>
<script src="js/app.js"></script>
</body>
</html>

请下载以下JS文件并将其添加到js目录中,以查看执行的操作。 signature_pad.umd.js和app.js 有人可以帮我吗?如何使用该库手动签署PDF文档?或者,如果有人有更好的解决方案来做到这一点,请您帮忙?

预先感谢

0 个答案:

没有答案
相关问题