{"id":6015,"date":"2025-07-04T18:01:36","date_gmt":"2025-07-04T10:01:36","guid":{"rendered":"https:\/\/support.fuxinsoft.cn\/?p=6015"},"modified":"2025-07-08T13:40:06","modified_gmt":"2025-07-08T05:40:06","slug":"%e5%9c%a8websdk%e5%ae%9e%e7%8e%b0%e6%94%be%e7%bd%ae%e7%ad%be%e5%90%8d","status":"publish","type":"post","link":"https:\/\/support.fuxinsoft.cn\/?p=6015","title":{"rendered":"\u5728WebSDK\u5b9e\u73b0\u653e\u7f6e\u7b7e\u540d"},"content":{"rendered":"\n

\u5728\u4e00\u4e9b\u4e1a\u52a1\u573a\u666f\u4e2d\uff0c\u5ba2\u6237\u53ef\u80fd\u9700\u8981\u5728\u6587\u6863\u754c\u9762\u76f4\u63a5\u8fdb\u884c\u6570\u5b57\u7b7e\u540d\u64cd\u4f5c\u3002\u5f53\u524dWebSDK\u9ed8\u8ba4\u9700\u8981\u5148\u8bbe\u7f6e\u7b7e\u540d\u57df\u624d\u80fd\u5b8c\u6210\u7b7e\u540d\uff0c\u8fd9\u5728\u4e00\u5b9a\u7a0b\u5ea6\u4e0a\u5f71\u54cd\u4e86\u7528\u6237\u4f53\u9a8c\u3002\u7279\u522b\u662f\u5f53\u6587\u6863\u5df2\u5305\u542b\u7b7e\u540d\u65f6\uff0c\u8868\u5355\u57df\u529f\u80fd\u6309\u94ae\u4f1a\u88ab\u7981\u7528\uff0c\u6b64\u65f6\u53ef\u4ee5\u901a\u8fc7\u81ea\u5b9a\u4e49\u6309\u94ae\u7684\u65b9\u5f0f\u5b9e\u73b0\u7b7e\u540d\u529f\u80fd\u3002\u672c\u6587\u4ecb\u7ecd\u7684\u65b9\u6cd5\u9002\u7528\u4e8eWebSDK 11\u7248\u672c\u3002<\/p>\n\n\n\n

\u5b9e\u73b0\u539f\u7406<\/h3>\n\n\n\n

\u901a\u8fc7\u6269\u5c55UI\u7ec4\u4ef6\u6dfb\u52a0\u81ea\u5b9a\u4e49\u7b7e\u540d\u6309\u94ae\uff0c\u5229\u7528\u4e8b\u4ef6\u76d1\u542c\u673a\u5236\u5728\u7528\u6237\u70b9\u51fb\u6309\u94ae\u540e\u81ea\u52a8\u5207\u6362\u81f3\u7b7e\u540d\u57df\u521b\u5efa\u6a21\u5f0f\uff0c\u5e76\u5728\u6210\u529f\u6dfb\u52a0\u7b7e\u540d\u57df\u540e\u7acb\u5373\u89e6\u53d1\u7b7e\u540d\u6d41\u7a0b\u3002<\/p>\n\n\n\n

\u5b9e\u73b0\u6b65\u9aa4<\/h3>\n\n\n\n
    \n
  1. \u6dfb\u52a0\u81ea\u5b9a\u4e49\u6309\u94ae<\/strong>
    \u53c2\u8003\u5f00\u53d1\u8005\u624b\u518c\u4e2d\u7684UI\u6269\u5c55\u7ae0\u8282\uff0c\u5728\u5de5\u5177\u680f\u6dfb\u52a0\u7b7e\u540d\u6309\u94ae\uff1a\u53ef\u6269\u5c55\u7ec4\u4ef6\u6982\u8ff0<\/a><\/li>\n\n\n\n
  2. \u5b8c\u6574\u5b9e\u73b0\u4ee3\u7801<\/strong>
    \u5982\u4e0b\u4ee3\u7801\u5c55\u793a\u4e86\u5b8c\u6574\u7684\u5b9e\u73b0\u903b\u8f91\uff1a<\/li>\n<\/ol>\n\n\n\n
    var pdfui = new PDFUI({\n            viewerOptions: {\n                libPath: '..\/..\/..\/lib',\n                jr: {\n                    readyWorker: readyWorker\n                },\n            },\n            renderTo: '#pdf-ui',\n            fragments: [{\n                    target: 'comment-tab-group-import-export',\n                    template: `\n                        <group name=\"custom-annot-group\">\n                            <xbutton name=\"cus-sign-button\" icon-class=\"fv__icon-create-custom-dynamic-stamp-icon\"><\/xbutton>\n                        <\/group>\n                    `,\n                    action: UIExtension.UIConsts.FRAGMENT_ACTION.AFTER,\n                    config: [\n                        {\n                            target: 'cus-sign-button',\n                            callback: async function() {\n                                \n                                var handlerManager = await pdfui.getStateHandlerManager();\n                                await handlerManager.switchTo(PDFViewCtrl.constants.STATE_HANDLER_NAMES.STATE_HANDLER_CREATE_FIELD_SIGNATURE);\n                                \n                                pdfui.eventEmitter.on(PDF.constant.DataEvents.annotationAdd,async (annotations) => {\n                                    console.log(annotations)\n                                    \n                                    \/\/\u81ea\u52a8\u5f39\u51fa\u7b7e\u540d\u8bbe\u7f6e\n                                    if(annotations[0].getType() == 'widget')\n                                    {\n                                        var annot = annotations[0]\n                                        var handlerManager = await pdfui.getStateHandlerManager();\n                                        await handlerManager.switchTo(PDFViewCtrl.constants.STATE_HANDLER_NAMES.STATE_HANDLER_HAND);    \n                                        \n                                        var annotrender =await pdfui.getAnnotRender(annot .getPage().getIndex(),annot.widgetId.objNumber)\n                                        var component = await annotrender.getComponent();\n                                        await component.startSignWorkflow();                                        \n                                        pdfui.eventEmitter.off(PDF.constant.DataEvents.annotationAdd)\n                                                        \n                                    }\n\n                                })                               \n\n                            }\n                        },\n                        \n                    ]\n                }],\n            addons: UIExtension.PDFViewCtrl.DeviceInfo.isMobile ?\n            '..\/..\/..\/lib\/uix-addons\/allInOne.mobile.js':\n            '..\/..\/..\/lib\/uix-addons\/allInOne.js'\n        });<\/code><\/pre>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    \u5728\u4e00\u4e9b\u4e1a\u52a1\u573a\u666f\u4e2d\uff0c\u5ba2\u6237\u53ef\u80fd\u9700\u8981\u5728\u6587\u6863\u754c\u9762\u76f4\u63a5\u8fdb\u884c\u6570\u5b57\u7b7e\u540d\u64cd\u4f5c\u3002\u5f53\u524dWebSDK\u9ed8\u8ba4\u9700\u8981\u5148\u8bbe\u7f6e\u7b7e\u540d\u57df\u624d\u80fd\u5b8c\u6210\u7b7e\u540d […]<\/p>\n","protected":false},"author":33,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[823,595,714,185,822,821,217],"class_list":["post-6015","post","type-post","status-publish","format-standard","hentry","category-websdk","tag-ui","tag-websdk","tag-714","tag-185","tag-822","tag-821","tag-217"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","_links":{"self":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/6015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6015"}],"version-history":[{"count":4,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/6015\/revisions"}],"predecessor-version":[{"id":6055,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/6015\/revisions\/6055"}],"wp:attachment":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}