跳到内容
  • 福昕首页
  • 开发中心
  • 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
      • 压缩
      • 图章
      • 安装与卸载
      • 常见问题
      • 打印
      • 注释/评论
      • 福昕插件
      • 翻译助手
      • 翻译助手教程
      • 试用与激活
      • 转换
      • 页面管理
    • 教育用户
      • 论文查重
      • 论文畅
    • 网页版
      • 电子签章
    • 订阅
    • 资源
  • 福昕高级编辑器Linux版本
  • 福船图纸管理系统
  • 福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)
  • 标签:
  • pdf文档,事件监听,坐标转换,截图,注释,渲染,自动截图,高亮注释

自动截取高亮注释区域的技术实现方案

  • 福昕知识库
  • 2025-06-30

在PDF文档处理过程中,实现高亮注释区域的自动截取可通过以下技术方案实现:

1. 事件监听机制
通过注册annotationAdded事件监听器,系统可实时捕获高亮注释的创建操作。该事件回调函数将返回完整的注释元数据,包括:

  • 注释所在页码(pageIndex)
  • 注释矩形区域坐标(rect)
  • 注释类型(annotationType)

2. 区域渲染技术
获取注释坐标信息后,调用getSnapshot接口可实现精准的区域渲染。该接口支持:

  • 基于Viewport的坐标转换
  • 指定DPI的图像输出
  • 多种图像格式导出(PNG/JPEG)

技术实现示例代码如下:

				
					pdfui.eventEmitter.on(UIExtension.PDFViewCtrl.PDF.constant.DataEvents.annotationAdded, async (annotations) => {
    console.log(annotations, "annotationAdded");
    var theAnnot = annotations[0];

    if (theAnnot.info.type == "highlight") {
        var curPageRender = await pdfui.getPDFPageRender(theAnnot.page.info.index);

        //将指定区域的矩形坐标值 转换为 设备坐标形式
        var devRect = theAnnot.page.getDeviceRect(theAnnot.info.rect, curPageRender.scale, curPageRender.rotate);
        console.log(devRect);

        curPageRender.getSnapshot(devRect.left, devRect.top, devRect.right - devRect.left, devRect.bottom - devRect.top).then(imageBlob => {
            // 获取到图片流。
            console.log(imageBlob);
            //下载图片
            const url = URL.createObjectURL(imageBlob);
            console.log(url);
            let link = document.createElement('a');
            link.style.display = 'none';
            link.href = url;
            link.setAttribute('download', "test");
            document.body.appendChild(link);
            link.click();
            URL.revokeObjectURL(link.href); // 释放URL 对象
            document.body.removeChild(link);
        });
    }
})
				
			

相关内容

基于HTTP范围请求的非事件监听式PDF注释数据自动导入方案

基于ActiveX控件的高效PDF阅读水印实现方案

Web SDK UIExtension 右键菜单深度定制指南(基于jQuery-contextMenu)

如何分别自定义文本类型注释(打字机/文本框/注释框)的默认样式属性

在WebSDK实现放置签名

解决旧版本fsdk_SDK.dll编译程序替换高版本dll报错问题

C#版的Foxit SDK, 如何正确释放PDF处理对象以优化内存使用

如何总是用文件名作为文档标题

如何设置新建空白页面的尺寸以及横纵置

高效实现PDF文本高亮标注的API应用方案

推荐内容

基于HTTP范围请求的非事件监听式PDF注释数据自动导入方案

基于ActiveX控件的高效PDF阅读水印实现方案

Web SDK UIExtension 右键菜单深度定制指南(基于jQuery-contextMenu)

如何分别自定义文本类型注释(打字机/文本框/注释框)的默认样式属性

在WebSDK实现放置签名

解决旧版本fsdk_SDK.dll编译程序替换高版本dll报错问题

C#版的Foxit SDK, 如何正确释放PDF处理对象以优化内存使用

如何总是用文件名作为文档标题

如何设置新建空白页面的尺寸以及横纵置

自动截取高亮注释区域的技术实现方案

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

销售咨询:010-50951668

客服电话:0591-38509808

销售咨询
微信公众号

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

隐私策略