跳到内容
  • 福昕首页
  • 开发中心
  • SDK文档资料
  • 插件商店
  • 福昕首页
  • 开发中心
  • SDK文档资料
  • 插件商店
申请试用
  • 企业自动化
    • Compressor
  • 福昕CloudAPI
  • 福昕PDF SDK 软件开发工具包
    • 福昕PDF SDK(ActiveX)
    • 福昕PDF SDK(桌面/服务器)
    • 福昕PDF SDK(Plug-in)
    • 福昕 PDF SDK(安卓)
    • 福昕PDF SDK(iOS)
    • 福昕PDF SDK(Web)
  • 福昕管理控制台
    • 公有云
    • 私有云
    • 通用情况
  • 福昕阅读器
    • RMS插件
  • 福昕高级编辑器
    • AI助手
    • Mac版本
      • 常规问题
    • Windows版本
      • 表单
      • ECM集成
      • 互联PDF
      • 企业管理指南
      • 保护
      • 内容编辑
      • 创建PDF
      • 压缩
      • 图章
      • 安装与卸载
      • 常见问题
      • 打印
      • 注释/评论
      • 福昕插件
      • 翻译助手
      • 翻译助手教程
      • 试用与激活
      • 转换
      • 页面管理
    • 教育用户
      • 论文查重
      • 论文畅
      • 操作指南
    • 网页版
      • Foxit eSign
      • 电子签章
    • 订阅
    • 资源
  • 福昕高级编辑器Linux版本
  • 福船图纸管理系统
  • 福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)
  • 标签:
  • Path对象,PDF渲染,Render,WebSDK,图形绘制,页面监听

使用WebSDK在PDF文档中添加Path对象的方法

  • 福昕知识库
  • 2025-07-29

在pdf中添加path对象,需要先渲染好具体要加的页面,例如加载一个斜线在页面上。

首先,获取到当前的docRender,然后跳转到具体的页面。

				
					var docRender = await pdfui.getPDFDocRender();
await docRender.renderPages([pageIndex]);
await docRender.goToPage(pageIndex);
				
			

其次,在跳转后监听页面渲染成功事件,然后加入斜线。

				
					pdfui.eventEmitter.on(PDFViewCtrl.constants.ViewerEvents.renderPageSuccess,async (pageRender) => {
    console.log(pageRender)//do something
    if(pageRender.index == pageIndex || pageIndex == 0)
    {
        var pdfdoc = await pdfui.getCurrentPDFDoc();
        var page = await pdfdoc.getPageByIndex(pageIndex);
        var height = page.getHeight();
        var width = page.getWidth();let info = {};
        
        info.type = PDFViewCtrl.PDF.constant.Graphics_ObjectType.Path;
        info.borderWidth = 5;
        
        info.points = [
        ['m', 0, 0],
        ['l', width, height],
        ];
        await page?.addGraphicsObject(info);
        pdfui.eventEmitter.off(PDFViewCtrl.constants.ViewerEvents.renderPageSuccess)
    }
})
				
			

相关内容

WebSDK 判断 PDF 是否被数字签名限制编辑,并转为可在线编辑的 PDF(基于 UIExtension)

如何启用/禁用多个福昕高级PDF 编辑器的显示窗口?

WebSDK 创建书签并设置 GoToR / Launch 动作(打开另一PDF指定页 / 打开非PDF文件)

如何在Windows上使用福昕小工具(FoxitInfoCollectTool.exe)收集福昕高级PDF编辑器的日志?

如何在Microsoft Edge浏览器中启用 IE 模式?

如何解决福昕高级PDF编辑器外接显示器打印对话框窗口显示问题

如何用命令行或GPO部署安装福昕并同步激活程序?

如果需要比对同类型文档,或是一份文档的新旧稿件,有什么好方法?

奇数页和偶数页的文档如何合并成一个文档?

通过账号登录授权提示err8001怎么办?

推荐内容

WebSDK 判断 PDF 是否被数字签名限制编辑,并转为可在线编辑的 PDF(基于 UIExtension)

如何启用/禁用多个福昕高级PDF 编辑器的显示窗口?

WebSDK 创建书签并设置 GoToR / Launch 动作(打开另一PDF指定页 / 打开非PDF文件)

如何在Windows上使用福昕小工具(FoxitInfoCollectTool.exe)收集福昕高级PDF编辑器的日志?

如何在Microsoft Edge浏览器中启用 IE 模式?

如何解决福昕高级PDF编辑器外接显示器打印对话框窗口显示问题

如何用命令行或GPO部署安装福昕并同步激活程序?

如果需要比对同类型文档,或是一份文档的新旧稿件,有什么好方法?

奇数页和偶数页的文档如何合并成一个文档?

通过账号登录授权提示err8001怎么办?

产品
  • 应用行业
  • 白皮书
开发支持
  • 开发中心
  • SDK文档资料

销售咨询:010-50951668

客服电话:0591-38509808

销售咨询
微信公众号

©2026 福建福昕软件开发股份有限公司 版权所有

隐私策略