pdf-lib.js实现浏览器中打开pdf合同并签字签名效果代码-html代码-BFW代码库

代码语言：html

所属分类：其他

代码描述：pdf-lib.js实现浏览器中打开pdf合同并签字签名效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


</head>

<body>

    <iframe id="pdf" style="width: 100%; height:100vh;"></iframe>


    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/pdf-lib.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/fontkit.umd.min.js"></script>
    <script>
        let app = document.getElementById('app');
        let pdf = document.getElementById('pdf');
        let pngImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABCYAAADUCAYAAABAviI+AAAgAElEQVR4Xu3dT8h9+X0X8G/tX9roNC2CbpyGuihImQ4VW1BoZlFxUyaDgossJiPoxsUkQlcuknHhRnAyWzeT2VemAwqi2HEgLiLSaTYapGFaEYybplWrqaiRtzmfyZmb++fc557/53Xg4fn9ufec73l9v899znmf75/vazYCBAgQIECAAAECBAgQIECAwEIC37fQcR2WAAECBAgQIECAAAECBAgQINAEExoBAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQIECBAgsJiAYGIxegcmQIAAAQIECBAgQIAAAQIEBBPaAAECBAgQIECAAAECBAgQILCYgGBiMXoHJkCAAAECBAgQIECAAAECBAQT2gABAgQIECBAgAABAgQIECCwmIBgYjF6ByZAgAABAgQIECBAgAABAgQEE9oAAQIECBAgQIAAAQJ7FnixtfZTrbW3Wmu/v+cTdW4EtiogmNhqzSk3AQIECBAgQIAAAQKXBD7VWnu1tfZbrbXPdi96o/dncgQIrEhAMLGiylAUAgQIECBAgAABAgSeJPBLrbU/aK293b37x1tr+epvgokn0XoTgekFBBPTGzsCAQIECBAgQIAAAQLjC6RXRA3T+OTJ7hNSPNNae6e19qUupPh1QznGrwR7JDCGgGBiDEX7IECAAAECBAgQIEBgaoGf64KIfE8okfki+r0iEkb8q64QNXzjd6YulP0TIPC4gGDicUN7IECAAAECBAgQIEBgfIGEDi93E1cmaDgXRKRXRIZoJIBIKJE5JWwECGxMQDCxsQpTXAIECBAgQIAAAQI7FqheEZ/pekOczhORU8/wjAQRGaIhiNhxY3BqxxEQTBynrp0pAQIECBAgQIAAgbUJJIjI/BCZvDLDM85tX22tZX6IfCWQsOTn2mpReQg8KCCYeBDQ2wkQIECAAAECBAgQuEsgE1bWPBH53t8yT0S2hBAZmpFeETYCBHYuIJjYeQU7PQIECBAgQIAAAQILC9RcEQkhMkTjdEsYkSEZNTTD8IyFK8zhCcwtIJiYW9zxCBAgQIAAAQIECOxfICHEq13PiNNeETn797oeEekZIYjYf3twhgSuCggmNBACBAgQIECAAAECBB4V+Klu9YwKI/L3/va7vSAiQzTME/GouPcT2JGAYGJHlelUCBAgQIAAAQIECMwokCEambAyE1eeG6LxVtcbwjKeM1aKQxHYooBgYou1pswECBAgQIAAAQIElhFIT4iXe5NX9kuRuSK+2IURGaJhI0CAwCABwcQgJi8iQIAAAQIECBAgcEiB9IqonhEJJPLn/jCNd7ogIoGE4RmHbCJOmsDjAoKJxw3tgQABAgQIECBAgMDeBBJCZF6I17veEfnzs621BBEJJ77QWvud7mtv5+58CBCYWUAwMTO4wxEgQIAAAQIECBBYqcAnu5U0Ej682ZUxq2dkDomXur+buHKlladYBLYsIJjYcu0pOwECBAgQIECAAIHHBDIsIyFEAogEEwkh3uiGa6RHxGcf2713EyBA4LaAYOK2kVcQIECAAAECBAgQ2JvA+90Jfa619m43bCMrbOTrS4Zo7K26nQ+BdQsIJtZdP0pHgMC+BfKUKuN1v9qN182TKRsBAgQIEBhbIL9v8jsmYUT+nF4R+d2T7eNdGPFb3SSWYx/b/ggQIHBTQDBxk8gLCBDYqEAm5srs4PW9Lsp+rrvwyvcKAuo1OdX8Of+e79n6+7iXoo6Zp0/f7rrI5t9y7P6M5rXfb3XH/kZrLWN4X7v3gF5PgAABAgQ6gYQPmbAyk1RmIsv0jMiwjATiz/eUEkjYCBAgsKiAYGJRfgcnsEuB3HDnZr5uvJ85uQmv/6/lx+q1tcRYP0jo/1vCggoVMgY2r/taa+1nOsVcWOXf6z0VCvSP9wh4BRQpR/aZ4CDHy3Fr6bSvt9Z+sjtIlfeRY9Z706U2x8lkZHpVjCFqHwQIENinQH4vPdda+4Nu3oj8zsjcERVM5PdJfocJI/ZZ/86KwGYFBBObrToFJzCLQIKAuiF/sbsZz9P/ChPqhrxChhSqehrMUsADHiSByK93E5Md8PSdMgECBAicCOT3bpb0zNCMz3TBRHrcpXdEfl/k3/o9AwESIEBgdQKCidVViQIRGEWgLkBquEI9Pcn3fg+FPFmpJ/t5gpIhBL/YlaDf62GUQtnJ6ALpnpuZ06uXyOgHsEMCBAgQWJ1APQzI7/DP93pEpJfEF7vefAkj9LBbXdUpEAEClwQEE9oGge0JJEDIRUnGiCZ4qF4LNXQi/3aU7f+01r5/IyebC8Zs6T7bH6KSMcCPbNnXC7rlPkLovQQIENiEQIZjZEsond/56SGRBw5vdSFEfr+kh4SNAAECmxMQTGyuyhT4YAIJGTKEIuFDTZh4btLELbDkxrw/T0OVueZo6D/1rz/naU+9p+aQyEVXhTP157rhr6En/fkoal6K/pwTNU/E6bwW2U9/Usxz7zm37wqIUp48wcrWn4Mif7/25Crv//Ottb/XWvvTT6zMV7rl3Z74dm8jQIAAgZUJVO/Ht7vfhekFkS2/TzN/00u93zd6zq2s8hSHAIH7BAQT93l5NYEpBXITnBAi33Nzu6aeD/VUJpMv1s16rVxRE2jloqi+6v/qZtwF0/CWUyFUxgbHOk/Dhm65aM2TMxsBAgQIbFegekZkosr+lt/B2TLXkzkjtlu/Sk6AwBkBwYRmQWAZgQogfrC19umuCFMHEQkXaibufM/T/epNUD0IarbuFKl6I1TYsIyUo6aOElSl626ekN3aMqwjvTVsBAgQILANgRqSmfki8ufqeZfSp3dEPv/ze9owjW3Up1ISIPAEAcHEE9C8hcAAgVxY5El3XWDke/8Jx6MrVyRkyJbeCtUroT93QQ2ByGv0VhhQYRt5SdpQJjbL/CKXtv/UWvsVc05spEYVkwCBIwskgMiDiny294dp5nd8fo+n55yHA0duIc6dwIEEBBMHqmynOplAQoZMYJgn2zXXQH1/9KC/25vQKsFDnoS7SHlUddvvT3tLOFFdfc+dTS5oP7Ht01R6AgQI7FIgn90JIdIL4nTLEp/5/D4dwrFLCCdFgACBvoBgQnsgcJ9ALibytDpPN/pBxH17Of/qekLSvyip+RvG2L997EdgSDhhMsz91LczIUBg2wLpFZFrhvSA6PeYzMOH/J5PSOH3/bbrWOkJEHhQQDDxIKC3714gFxLVG6KGYox50pnIqp6auCgZU3b/+8rF7b9trf30hVNNz5rnrWO//4bgDAkQWKVArh1y3XA6mXWFEen51h+CucqTUCgCBAjMJSCYmEvacbYiUCtj1IXE2EtzvtddiOSCxJCMrbSK9ZYz4cQ3rxRPr4n11p2SESCwP4FLYUQmsMxQzExemS9zP+2v7p0RAQIPCggmHgT09l0IVBfLLLU4dhARoIQRuSCpr12gOYnVCKRr8OsXSmOuidVUk4IQILBTgfSsrAksT1fXyu//BBGZM0IYsdMG4LQIEBhHQDAxjqO9bEsg4UNWzEgQkZ4Rj66QcXr2NWFlddOsVTO2paS0WxJIG7u0UsfHXRBvqSqVlQCBDQjUMM9cR5yGEZkvKkGEMGIDFamIBAisR0AwsZ66UJJpBRJGpItlhRFjHy3dNHMRkicj6RlhIzCnQNr1mxcO+II2OWdVOBYBAjsVuHYdkTAiv/9rmOZOCZwWAQIEphMQTExna8/LC6QnRJblqsmnxi5RekYkjDBEY2xZ+7tXID1/3r3wppe6C+Z79+n1BAgQOLpAriPy+fpq973vUQ8kEkboGXn0luL8CRB4WEAw8TChHaxMIF0qM0wjK11MMV9EPRVJIOFCZGWVf+DiCCYOXPlOnQCBUQUqjMiDjdPhngkjEkR4IDEquZ0RIECgNcGEVrAHgVxE1NOMXESMvdXklbpoji1rf2MJJCjLRfS5zVCOsZTthwCBPQvkwUY+RzM07nTuqTe6nmeW99xzC3BuBAgsKiCYWJTfwR8QqFmwp1pJoyavyphRPSMeqChvnVwgPYM+uHIUk19OXgUOQIDARgXqWiKrG52GEe/0hmtaUWOjFazYBAhsR0AwsZ26UtLvTF6Zi4hcQEw1TKMmsBRGaHFbEfi11tpfvVDYzIMyxc/KVmyUkwABAqcC/SGfCSP6gUTCiJrE2nWAtkOAAIEZBQQTM2I71JME0q0yN1ZT9YzIjVuGaOgZ8aTq8aaFBXKB/f6VMrzWzbeycDEdngABAosK9CexzOdmhRGZMyLDMyqMyJ9tBAgQILCAgGBiAXSHvCiQAOLFrldEVhJ4ZiKrWk3DBJYTAdvtbAK5mM7PzKXt+e6ie7YCORABAgRWJJD5pxJE5OFGbQkjsmWS7ExiKYxYUYUpCgECxxUQTBy37tdy5rWkZy4acvEw1WaN8alk7XcpgfzMvHnl4F9prf3iUoVzXAIECCwgUEMz3u6O3b+uqOuABLrCiAUqxyEJECBwTUAwoX0sJZDeEXmSkfkiptrSMyJPRHIB4iJkKmX7XUIgPz/v3pg/4pVu4rYlyueYBAgQmFOgViVKT8j+ljAiv/8zZNN1wJw14lgECBC4U0AwcSeYlz8skOU80/V8qkAiE1fVRYhZtB+uLjtYqcCtIRy5GJ+yB9JKWRSLAIEDCaR3RPUa+9TJeSeYzXYaVByIx6kSIEBgWwKCiW3V15ZLm4uGBBL9cZ5jnc97vSW9zKI9lqr9rFUgvYA+f6Nwn7DM7VqrT7kIEHhAIKtz5do1QzXy8KFWHUoYmy0PP7J5MPEAsrcSIEBgCQHBxBLqxzpmntrmicbYT28TRqRrZiaucgFyrDZ15LMdEkrkZ6Muzo9s5dwJENiHQD7Pnm2tvdBay5CNTF6ZybEzXLNW1Mr1gI0AAQIENiwgmNhw5a286Oli+fdba3+ztfYDI5T1v7XWfqMXRoywS7sgsCmBdEmucdSXCp4L9jxBFNZtqmoVlgCBE4GahypBa01kmV4Rz7XWsgxyHkqkh6RekpoOAQIEdiIgmNhJRa7oNKZYZSMXIXlSbCNwRIH8TOXCfEgviM914d0RnZwzAQLbF8j8UxmukZA1QWzCiBqykc/A/Fnwuv16dgYECBD4HgHBhEYxpkDmj3i9tZYbqTG2N7pAwkXIGJr2sUWBPDV8f+DP1FsTzeGyRTdlJkBgOwKZgyrz5uQzLNcQ2RKyJohIzwjDNLZTl0pKgACBJwsIJp5M5409gVw8ZOnP01mxn4qUJyQJOSzt9VRB79uDQJ4c1kX6rfNJd+f8/O0txEvIma88Qc08NQlq8vecZ75nfHk+J/J01efFrVbi/wmsR6CWPM7PbeaKyDVEVtXKz3R+1tNLcm+fZ+vRVxICBAisUEAwscJK2VCRcvGQpxxjBRK5OMnNWC5MbASOKpAb7lykDx2+9NRQIjcGGZ+dn+N8z9jt3OBnkrnqOp1/r3CgP5Y7r6utXpPvtc8KD87VYT9YyP/nWFWGmuSuQoghw1fqGL/dWvty94Q1T15tBAisSyA/++kBli3Leb7bfebk5z0PIzKPjjkj1lVnSkOAAIHZBAQTs1Hv6kC5gMjYz3tuGq4BJJBIV03dNXfVTA51Mrmwzizx+Z6L79yg1zJ29fchQ5xyk/5jrbUfHKiXi/g8cayL+Rw/XZ+rZ8HXWms/0+0r++73qqjyDTzU3S+roCLlS7nyvcr1H1trf6bbY73u7gNceUOOlYAzAYUbnTFl7YvAcIEKIRNG5Gf/0621f9q9PUsa5xoiP6t6Ow039UoCBAjsVkAwsduqHf3E6ilubmzGWvozT3pz8yCQGL267HAigfwcpGdBLqjzc1BP9ic6nN0+KJAwJkFNvjJnjY0AgWkFqvdTfq/nAUbmikjvrwS3L/WCQmHEtPVg7wQIENicgGBic1U2e4FruMYYN2Dfbq39YWvtX3YXKi5MZq9OB7xTIO3+xe5pX0K5Ib0e7jyEl88kUL0oElAYuz4TusMcQiCfkwlsc035Zhc+5MFDgon8vCWkSI+JBIQ2AgQIECBwVkAwoWGcE6jeEfVU+JGbsYxFz7jRuilwQ6DNrVkgkyymvWe40lhzpyx5vgkCMzQkWyaVzc1Dhk7V3BLpsXQ6L0TOv/4/P7c1x0T20f8s6E9EmXkpxtxSxnxWpHwpS31VWSooTT3lSew9W/aVzyQBxT1qXkvgowJ1nZDPlUzSm8+DDJ1KGJGf3/y9VtVgR4AAAQIEbgoIJm4SHfIFebqRyfeesuWCpG4mcvEviHiKovfMJZCL65ovZYxeQXOVu46Tm4KcQ43TzjnU5LG1akW9do65FnIzUhNn1veUrcaS1xwcmfTuha5geYpa/9+fSHOoZZ1nQqV7thwrn3WGeNyj5rVHF8jPaia9zmdPXSckkEiQm6/8vPu9f/RW4vwJECDwBAHBxBPQDvCWXFTc8xQyXTYTQuQGY46bnwNUgVOcSCA3sT/bWvsbJ8tPTnS479ltgrts+Tn5+dbaxwYc+Ddba/+gtfaN3mtd/J+Hy01TPovu6cGRz62sEOCza0Bj9JLDCVTPqIQR+fnKdWOuDxJM5Fohn0VZTctGgAABAgQeEhBMPMS32zdnLohbW62kUb0jbr3e/xNYSiBP0nNBXV9TlaMu1GscdYUHNQyhjptyZBz2kFUxMnGcyWHvr7EEUDX53tB3pweHMfBDtbxu7wLVG+L086d6GOV3v5+XvbcC50eAAIEZBQQTM2Jv6FC54MiEf+e2dNnMhYqJKzdUoQcsaoZnZP6B/rKdYzFk3pRaojMX5vcsd5euzgklbs3bkl5IeQrp5+zxWotjvob0onitm5j38aPaA4FtCVRQ+nbXE+J0OfCsqFHDpgzV2FbdKi0BAgQ2ISCY2EQ1zV7IGqdeF/LpHVFjR2cvjAMSGCCQNpueEbkBHdITYcAuP3xJ2n8tOXlPCHF6jEwQN6TLs5+3e2pn+GsTVGXZwlsBRW7Aap6O4Xv3SgLbFEiIm8/M/Gz0t/QAS2+vWo1IGLHN+lVqAgQIbEZAMLGZqlqkoHWDZ+z1IvwOekMg7TPjnhNK5GusLb0VchFeq8k82v7zlDGTPQ4pY7pJDwkvxjrXI+5nyOS+nzDnxBGbxiHOOZ9HWZ0nQV16RZwGuRk+Vp9/hwBxkgQIECCwDgHBxDrqQSkIEBgmkIvo9IzI072xekbUkrYJIMaeMyVhRLpG3yprypAb5nx5MjmsLTzyqtRLesFcmuQ3PWOef+QA3ktgRQIJI/pBbv/zKD0jsiWoyGfPo0Hsik5bUQgQIEBgSwKCiS3VlrISOK5AuhOny3G+j7H9126liy9PuLxdLvQzfOPWfBI5n6wKkR4atvkEUi+5CbsUTqiT+erCkaYRyOdlDXE7PULmi0oAZ1nvaeztlQABAgTuFBBM3Anm5QQIzCaQG8eEEekdMeTm/lrBasLKPCU/HUs9xQkNnU8i5crTe08pp6iF2/u8Fk6kTjKkw0ZgSwIZnpHJqxOMnn5uvtP1FBJGbKlGlZUAAQIHERBMHKSinSaBDQnkYjpzR5y7sL73NOZ+KpiyZ+jG6Yz258qdm4TMJyGUuLdWx3196ipzgJzbLCE6rrW9TSNwKYxI8JnPlwQRtYLQNCWwVwIECBAg8KCAYOJBQG8nQGA0gbF6SGTyylrSds6b/vR8yA3ukN4dmeQyPTfMJzFa83loR5eWSE6wlYDMRmBtAtd6RmRln4QRadeWHF5bzSkPAQIECJwVEExoGAQIrEGghmzcmiTyUlkTRsw1TONcGdLDY8gQkTzBzOsSnNjWI5Cx+Onpcrr9u9ban1tPMZXk4AIJP/NZea43WU3imzAin4U2AgQIECCwKQHBxKaqS2EJ7E4gQcSbA4c+nJ58XYjXsp5L4NwzdCNPMXMD7AnmEjV1+5h/1Fr7oTMv83vytp1XTCeQz8hXu8+O0+BWGDGduz0TIECAwMwCLrhm.........完整代码请登录后点击上方下载按钮下载查看