Skip to content

测量周长与面积

周长与面积测量工具可用于测量用户选择的多边形区域的周长与面积。

img

配置测量属性后,可通过以下步骤创建一个矩形测量注释:

  1. 将工具类型设置为矩形测量注释创建模式。
  2. 获取 areaMeasurementCreateTool 面积测量工具的默认属性,在创建测量注释时将默认属性附加到测量注释上。再使用 annotationManager 类的 createMeasurementAnnotation 方法创建测量注释。

以下是创建矩形测量注释的示例代码:

javascript
ComPDFKitViewer(...)
  .then(instance => {
    const { docViewer, UI } = instance;

    docViewer.addEvent('documentloaded', async () => {
        // 进入矩形测量注释创建模式,初始化 AreaMeasurementCreateTool。
        UI.setActiveToolMode('toolMenu-Measurement');
        UI.setActiveTool('measureRectangle');

        // 为注释设置默认测量属性。
        const defaults = docViewer.pdfViewer.areaMeasurementCreateTool.defaults;
        const defaultStyles = docViewer.pdfViewer.areaMeasurementCreateTool.defaultStyles;

        const annotationData = {
            measure: 1,
            operate: 'add-annot',
            type: 'polygon',
            measureType: 'area',
            pageIndex: 0,
            date: new Date(),
            rect: {
                left: 200,
                top: 350,
                right: 360,
                bottom: 460
            },
            vertices: [
                { x: 200, y: 350 },
                { x: 360, y: 350 },
                { x: 360, y: 460 },
                { x: 200, y: 460 }
            ],
            ...defaults,
            ...defaultStyles
        };

        // 创建测量注释。
        const annotation = await docViewer.annotationManager.createMeasurementAnnotation(annotationData);
        // 渲染注释。
        docViewer.annotationManager.drawAnnotationsFromList(annotation);
    });