pdf-viewer-root

This library is based on @yangxuy/pdf-reader but has some new features

Setup:

yarn add pdf-viewer-root

npm i pdf-viewer-root

Usage

vue 2 / 3:

<template>
<pdf-viewer-root :url="url" />
</template>

<script>
import "pdf-viewer-root"
</script>

react:

import pdf from "./assets/1.pdf";
import "pdf-viewer-root";
import { useRef } from "react";
import React from "react";

function App() {
    const div = useRef<any>();

    return (
        <div className="App" ref={div}>
            {React.createElement("pdf-viewer-root", { url: pdf })}
        </div>
    );
}

export default App;

component attributes

| attr | description | default | Type |Not working yet | |---------------|---------------------------------------------------------------|---------|---------------|----------------| | url | Link to the file (you can send a blob) | | string | | | page | Page number, from 1 to infinity | 1 | number | | | mode | Display mode if 1 shows by page. If 2 shows all pages at once | 1 | number | | | scale | pdf size on screen. from 10 to 100 | 100 | number | - | | dpi | Manages the quality | 300 | number | - | | onSuccess | When the pdf is loaded, this event will be called | - | (pdf) => {} | | | onError | When the pdf gives an error, this event will be called | - | (error) => {} | | | debug | Log info in console | false | boolean | | | loadingtext | Text in loadingComponent |'loading'| string | |