跳到内容
  • 福昕首页
  • 开发中心
  • 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)
  • 标签:
  • Blob下载,PDF截图,takeSnapshot,异步快照,截图,渲染,设备坐标转换,页面

专业获取当前页面截图的技术实现方案

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

本文详细介绍如何通过编程方式获取PDF文档当前页面的精确截图。如下代码实现基于PDF渲染引擎,通过设备坐标转换和高精度区域捕获技术,确保获取的截图与可视化内容一致。

				
					async function snapCurrentPage() {
    var docRender = await pdfui.getPDFDocRender();

    var curPageIndex = docRender.currentPageNumber;

    var curPageRender = docRender.pagesRender.pageRenders[docRender.currentPageNumber];


    //获取当前页面渲染层的缩放比例及旋转角度
    var scaleNum = curPageRender.scale;
    var RotationAngle = curPageRender.rotate;
    var curPageRect = {
        left: 0,
        bottom: 0,
        right: curPageRender.page.info.width,
        top: curPageRender.page.info.height
    }
    console.log("scaleNum:", scaleNum, "RotationAngle:", RotationAngle, "curPageRect:", curPageRect);
    //将当前页面区域的矩形值 转换为 设备坐标形式
    var devRect = curPageRender.page.getDeviceRect(curPageRect, scaleNum,RotationAngle);
    console.log(devRect);

    pdfui.takeSnapshot(curPageIndex, devRect.left, devRect.top, devRect.right, devRect.bottom).then(blob => {
        console.log(blob);
        const url = URL.createObjectURL(blob);
        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);
    });
}
				
			

相关内容

解决自定义Item添加铅笔注释后保存内容丢失的问题​

如何在WebSDK中设置选中文本后不显示选择提示控件

如何设置Word/Excel/PPT转PDF的默认引擎(微软Office或WPS)?

福昕PDF编辑器(移动端)常用功能指南:编辑、高亮、标注、新建页面……

多个PDF文档搜索同一关键词,并导出数据,如何操作?

如何一次性修改PDF文档中的字体?

PDF书签跳转后缩放被重置?承前缩放:一招锁定阅读比例!

如何获取服务器ID以更新福昕管理后台授权?

PDFViewCtrl移动端集成:禁用WebViewer双击注释弹窗的代码实现

安装时提示无法访问 Windows Installer 服务

推荐内容

解决自定义Item添加铅笔注释后保存内容丢失的问题​

如何在WebSDK中设置选中文本后不显示选择提示控件

如何设置Word/Excel/PPT转PDF的默认引擎(微软Office或WPS)?

福昕PDF编辑器(移动端)常用功能指南:编辑、高亮、标注、新建页面……

多个PDF文档搜索同一关键词,并导出数据,如何操作?

如何一次性修改PDF文档中的字体?

PDF书签跳转后缩放被重置?承前缩放:一招锁定阅读比例!

如何获取服务器ID以更新福昕管理后台授权?

PDFViewCtrl移动端集成:禁用WebViewer双击注释弹窗的代码实现

安装时提示无法访问 Windows Installer 服务

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

销售咨询:010-50951668

客服电话:0591-38509808

销售咨询
微信公众号

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

隐私策略