小编Ela*_*tis的帖子

向 react-pdf 添加注释并获取关于 pdf 的注释坐标

我有一个要求,我必须在画布中打开现有的 pdf 并在 pdf 中绘制可调整大小和可拖动的矩形并获取绘制的这些矩形的坐标。这是我显示pdf的代码。

    import React, { PureComponent } from "react";
    import { Document, Page, pdfjs } from "react-pdf/dist/entry.webpack";
    import PdfComponents from "../../../Components/PdfComponents/PdfComponent";
    import "./PDFdemo.css";
    import requiredFile from "./test_form.pdf";
    pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${
    pdfjs.version
    }/pdf.worker.js`;
    export default class PdfViewer extends PureComponent {
    state = {
        numPages: null,
        pageNumber: 1,
        rotate: 0,
        scale: 1
    };
    onDocumentLoadSuccess = ({ numPages }) => {
        console.log('this function was triggered')
        this.setState({ numPages });
    };
    render() {
        const { pageNumber, scale, pdf } = this.state;
        console.log("pdf", …
Run Code Online (Sandbox Code Playgroud)

pdf reactjs react-pdf

5
推荐指数
0
解决办法
1000
查看次数

标签 统计

pdf ×1

react-pdf ×1

reactjs ×1