{"id":8191,"date":"2026-04-01T11:06:09","date_gmt":"2026-04-01T03:06:09","guid":{"rendered":"https:\/\/support.fuxinsoft.cn\/?p=8191"},"modified":"2026-04-13T17:05:37","modified_gmt":"2026-04-13T09:05:37","slug":"%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e5%8d%95%e5%87%bb%e4%b8%8b%e5%88%92%e7%ba%bf%e6%b3%a8%e9%87%8a%e5%90%8e%e8%87%aa%e5%8a%a8%e5%b0%86%e5%85%b6%e5%88%87%e6%8d%a2%e4%b8%ba%e9%ab%98%e4%ba%ae%e6%b3%a8","status":"publish","type":"post","link":"https:\/\/support.fuxinsoft.cn\/?p=8191","title":{"rendered":"PDF Web SDK\uff1a\u4f7f\u7528 JavaScript \u5b9e\u73b0\u4e0b\u5212\u7ebf\u6ce8\u91ca\u81ea\u52a8\u8f6c\u6362\u4e3a\u9ad8\u4eae\u6ce8\u91ca"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8191\" class=\"elementor elementor-8191\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1c1667 e-flex e-con-boxed e-con e-parent\" data-id=\"1a1c1667\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6085c13c elementor-widget elementor-widget-text-editor\" data-id=\"6085c13c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p>\u672c\u6587\u4ecb\u7ecd\u5982\u4f55\u5728 PDF Web SDK\uff08Web PDF Viewer\uff09\u4e2d\uff0c\u901a\u8fc7 JavaScript \u76d1\u542c\u6ce8\u91ca\u70b9\u51fb\u4e8b\u4ef6\uff08tapAnnotation\uff09\uff0c\u5b9e\u73b0\u4e0b\u5212\u7ebf\uff08Underline\uff09\u6ce8\u91ca\u81ea\u52a8\u8f6c\u6362\u4e3a\u9ad8\u4eae\uff08Highlight\uff09\u6ce8\u91ca\uff0c\u9002\u7528\u4e8e\u524d\u7aef PDF \u6ce8\u91ca\u5f00\u53d1\u573a\u666f\u3002<\/p>\n\n<h3 class=\"wp-block-heading\">\u4e00\u3001\u529f\u80fd\u8bf4\u660e\uff08Web \u573a\u666f\uff09<\/h3>\n\n<p><strong>\u4e00\u3001\u529f\u80fd\u8bf4\u660e<\/strong><\/p>\n\n<p>\u5728 Web PDF \u9605\u8bfb\u5668\u4e2d\uff0c\u4e0b\u5212\u7ebf\uff08Underline\uff09\u548c\u9ad8\u4eae\uff08Highlight\uff09\u662f\u5e38\u89c1\u7684\u6587\u672c\u6807\u6ce8\u65b9\u5f0f\u3002\u5728\u90e8\u5206\u4e1a\u52a1\u573a\u666f\u4e0b\uff0c\u9700\u8981\u7edf\u4e00\u6807\u6ce8\u5f62\u5f0f\uff0c\u4f8b\u5982\u5c06\u7528\u6237\u70b9\u51fb\u7684\u4e0b\u5212\u7ebf\u6ce8\u91ca\u81ea\u52a8\u8f6c\u6362\u4e3a\u9ad8\u4eae\u6ce8\u91ca\uff0c\u4ee5\u63d0\u5347\u9605\u8bfb\u4f53\u9a8c\u6216\u6ee1\u8db3\u5ba1\u9605\u89c4\u8303\u3002<\/p>\n\n<p>\u672c\u6587\u57fa\u4e8e PDF Web SDK\uff0c\u4ecb\u7ecd\u5982\u4f55\u901a\u8fc7 JavaScript \u5b9e\u73b0\u8be5\u529f\u80fd\u3002<\/p>\n\n<p class=\"wp-block-heading\"><strong>\u4e8c\u3001\u5b9e\u73b0\u601d\u8def<\/strong><\/p>\n\n<p>\u5b9e\u73b0\u6d41\u7a0b\u5982\u4e0b\uff1a<\/p>\n\n<p>\u76d1\u542c\u6ce8\u91ca\u70b9\u51fb\u4e8b\u4ef6\uff08tapAnnotation\uff09<br \/>\u83b7\u53d6\u5f53\u524d\u9009\u4e2d\u7684\u6ce8\u91ca\u5bf9\u8c61\uff08Annot\uff09<br \/>\u5224\u65ad\u6ce8\u91ca\u7c7b\u578b\u662f\u5426\u4e3a\u4e0b\u5212\u7ebf\uff08underline\uff09<br \/>\u83b7\u53d6\u6ce8\u91ca\u5750\u6807\u4fe1\u606f\uff08quadPoints\uff09<br \/>\u5220\u9664\u539f\u6709\u4e0b\u5212\u7ebf\u6ce8\u91ca<br \/>\u5728\u76f8\u540c\u4f4d\u7f6e\u521b\u5efa\u9ad8\u4eae\u6ce8\u91ca\uff08highlight\uff09<\/p>\n\n<p><strong>\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a<\/strong><\/p>\n\n<pre class=\"wp-block-code\"><code>var selectedAnnot,quadPoints,thePage;\n\npdfui.addViewerEventListener(PDFViewCtrl.constants.ViewerEvents.tapAnnotation, function (annotRender) {\n\u00a0 \u00a0 \/\/\u83b7\u53d6\u9009\u4e2d\u7684\u6ce8\u91ca\n\u00a0 \u00a0 selectedAnnot = annotRender.getAnnot();\n\u00a0 \u00a0 \/\/console.log(selectedAnnot);\n\u00a0 \u00a0 quadPoints = selectedAnnot.getQuadPoints();\n\u00a0 \u00a0 thePage = selectedAnnot.getPage();\n\n\u00a0 \u00a0 if (selectedAnnot.info.type === 'underline') {\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/\u79fb\u9664\u9009\u4e2d\u7684\u4e0b\u5212\u7ebf\u6ce8\u91ca\n\u00a0 \u00a0 \u00a0 \u00a0 thePage.removeAnnotByObjectNumber(selectedAnnot.info.objectNumber);\n\u00a0 \u00a0 \u00a0 \u00a0 var rectArray = [];\n\n\u00a0 \u00a0 \u00a0 \u00a0 quadPoints.forEach(function (point, index, arr) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 rectArray[index] = {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: point[0].y,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: point[0].x,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 bottom: point[3].y,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 right: point[3].x\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 };\n\u00a0 \u00a0 \u00a0 \u00a0 });\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/\u5728\u540c\u6837\u7684\u4f4d\u7f6e\u6dfb\u52a0\u4e00\u4e2a\u9ad8\u4eae\u6ce8\u91ca\n\u00a0 \u00a0 \u00a0 \u00a0 thePage.addAnnot({\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 flags: 4,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 type: 'highlight',\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 rect: {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: 0,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 right: 0,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: 0,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 bottom: 0\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 },\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 coords: rectArray\n\u00a0 \u00a0 \u00a0 \u00a0 })\n\u00a0 \u00a0 }\n});<\/code><\/pre>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0a0006 e-flex e-con-boxed e-con e-parent\" data-id=\"e0a0006\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa9f6c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"3fa9f6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/developers.fuxinsoft.cn\/free-trial\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u514d\u8d39\u83b7\u53d6SDK\u8bd5\u7528<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u672c\u6587\u4ecb\u7ecd\u5982\u4f55\u5728 PDF Web SDK\uff08Web PDF Viewer\uff09\u4e2d\uff0c\u901a\u8fc7 JavaScript \u76d1\u542c\u6ce8\u91ca [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[212,1365,1363,1364,1342,597,366],"class_list":["post-8191","post","type-post","status-publish","format-standard","hentry","category-websdk","tag-javascript","tag-pdf-viewer","tag-pdf-web-sdk","tag-pdf-","tag-1342","tag-597","tag-366"],"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\/8191","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\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8191"}],"version-history":[{"count":7,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/8191\/revisions"}],"predecessor-version":[{"id":8450,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/8191\/revisions\/8450"}],"wp:attachment":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}