如何将“铅笔”注释手写的签名自动转换为图片输出？

福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)

标签:
注释,渲染,渲染层,签名,转换,铅笔

如何将“铅笔”注释手写的签名自动转换为图片输出？

福昕知识库
2025-12-30

每种注释都对应有一个矩形区域，这里以“铅笔”注释为例简要介绍。

var Events = UIExtension.PDFViewCtrl.Events;

pdfui.setPencilDrawingTimeOut(5000);//设置铅笔注释超时时间为5秒或更长，以确保用户画出完整的签名

pdfui.eventEmitter.on(Events.annotationAdd, (annotations, e) => {
  //获取当前注释区域的矩形值
  var annotRect = annotations[0].getRect();
  //获取当前注释区域所在的页码信息
  var page = annotations[0].getPage();
  var pageIndex = page.getIndex();

  pdfui.getPDFPageRender(pageIndex).then(pageRender => {
    //获取当前页面渲染层的缩放比例及旋转角度
    var scaleNum = pageRender.getScale();
    var RotationAngle = pageRender.getRotation();
    console.log("scaleNum",scaleNum,"RotationAngle",RotationAngle);
    //将当前框选区域的矩形值 转换为 设备坐标形式
    var devRect = page.getDeviceRect(annotRect, scaleNum, RotationAngle);
    console.log(devRect);

    //待传入的坐标参数为设备坐标，非PDF坐标
    //获取指定区域的截图数据，并自动下载查看
    pageRender.getSnapshot(devRect.left, devRect.top, devRect.right - devRect.left, devRect.bottom - devRect.top)
      .then(imgBlob => {
      console.log(imgBlob);

      const url = URL.createObjectURL(imgBlob);
      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);
    })
  })
})

Bitmap 类如何与其他的图像类互转？

打印管理PrintManager怎么判断文档打印是否完成？

软件如何打开嵌入在office文档中Adobe PDF图标

福昕高级PDF编辑器专业版如何在文档中嵌入一个3D模型

Bitmap 类如何与其他的图像类互转？

打印管理PrintManager怎么判断文档打印是否完成？

软件如何打开嵌入在office文档中Adobe PDF图标

福昕高级PDF编辑器专业版如何在文档中嵌入一个3D模型

福昕高级PDF编辑器专业版如何实现对图片和文档内容添加马赛克

福昕高级PDF编辑器如何显示注释内容图标

福昕高级PDF编辑器如何添加和调整快速访问工具栏功能

如何设置默认工具为铅笔注释？

如何屏蔽注释的右键菜单项？

如何给接口传入合适的Annot_Flags参数？

Bitmap 类如何与其他的图像类互转？

打印管理PrintManager怎么判断文档打印是否完成？

软件如何打开嵌入在office文档中Adobe PDF图标

福昕高级PDF编辑器专业版如何在文档中嵌入一个3D模型

福昕高级PDF编辑器专业版如何实现对图片和文档内容添加马赛克

福昕高级PDF编辑器如何显示注释内容图标

福昕高级PDF编辑器如何添加和调整快速访问工具栏功能

如何设置默认工具为铅笔注释？

如何屏蔽注释的右键菜单项？

如何将“铅笔”注释手写的签名自动转换为图片输出？