创建在线工具来测量 PDF图纸

在线处理 PDF 文件时，能够直接在浏览器中测量尺寸和内容可以显著提高工作效率。 

本指南将引导您完成使用 ComPDFKit 的 Web SDK构建在线 PDF 测量工具的简单过程。

先决条件

首先，您需要访问我们的“Web SDK 指南”页面来检查您是否满足这些要求：

• Node.js 的最新稳定版本。
• 与 npm 兼容的包管理器。
• 应用许可证密钥

如何获取 30 天免费许可证
ComPDFKit 为每个人提供 30 天免费许可证密钥，以测试他们的项目。您可以通过以下步骤获取它：

• 访问ComPDFKit 的定价页面
• 然后在表格中输入所需信息
• 最后，单击“获取免费试用许可证”按钮，等待片刻后检查您的电子邮件收件箱，许可证密钥就会出现。

将测量 PDF 集成到 Web 项目中 - 完整指南

步骤 1：将 npm 中的 ComPDFKit for Web 包安装到您的 Vanilla JS 项目中

npm i @compdfkit_pdf_sdk/webviewer --save

然后，将包含运行 ComPDFKit Web 演示所需的静态资源文件的“webviewer”文件夹添加到项目的公共资源文件夹中。

cp ./node_modules/@compdfkit_pdf_sdk/webviewer/webviewer.global.js ./
cp -r ./node_modules/@compdfkit_pdf_sdk/webviewer/dist ./webviewer

第 2 步：创建 index.html

注意：使用 Web SDK 时，需要使用参数 path 来告诉它静态资源的位置。如果不执行此步骤，则它们是相对于当前路径的

步骤 3：添加脚本标签并使用 Vanilla JavaScript 初始化 ComPDFKitViewer for Web。

  
  
  




  

​
  

步骤4：为了能够在本地主机上显示，这一步我们需要设置服务器环境。
npm install -g http-server

步骤 5：在浏览器上打开http://localhost:8080。然后将显示 PDF 文件，您可以切换到 PDF 测量工具来测量您的 PDF 文件。
http-server -a localhost -p 8080