Изменение размера PDF (div pdf-image) - PullRequest
Новая
       66

Изменение размера PDF (div pdf-image)

0 голосов
/ 17 июня 2020

Невозможно изменить размер PDF. Когда я открываю веб-страницу, отображается PDF-файл, но я не могу изменить его размер, потянув за правый нижний угол мышью. В чем дело? Сделал css по аналогии с img-wrapper. Мой код:

html: 

<head>
<link rel="stylesheet" type="text/css" href="view_topic.css">
<link rel="stylesheet" type="text/css" href="view_pdf.css">
</head>

<div id="myPdfDiv" class="pdf-image">
</div>


<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.228/pdf.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="view_pdf.js" id="view_pdf" data-url="<?php echo $rows['img']; ?>"></script>

view_pdf. css: 

.pdf-image {
overflow: auto;
height: 200px;
resize: both;
background-color: blue;
position: relative;
overflow-x:auto;
overflow-y:auto;
}

.pdf-image > img {
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    /*top: -50%;*/
vertical-align: top;
}

js: 

imgUrl= document.getElementById("view_pdf").getAttribute( "data-url" );

$("body").append(`<p><embed src='${imgUrl}' + type='application/pdf', width='40%', height='40%', class='pdf_image'></p>`);
...