Per chiarire, lo strumento manuale è una funzione che consente all'utente di fare clic sul pdf e di trascinarlo, utilizzato per sostituire la barra di scorrimento in navigazione.Come aggiungere una funzione di mano (afferrare la pagina e trascinare) su Chrome e Firefox PDF viewer?
Il problema è, per impostazione predefinita, il visualizzatore pdf di Chrome e Firefox non ha questa funzione e vorrei consentire all'utente di trascinare la pagina.
Una soluzione alternativa consiste nell'utilizzare una libreria JavaScript (Grab to Pan https://github.com/Rob--W/grab-to-pan.js nel mio caso) con un oggetto embed (visualizzatore PDF). Quando massimo la dimensione del pdf e dell'utente trascinare l'oggetto incorporato.
Il problema che ho incontro è
Quando si utilizza Chrome/Firefox, il contenuto PDF non si adattano alla pagina, ma Ridimensionamento automatico di default anche io ho posto il parametro aperto Adobe PDF, tramite iframe.
Il codice JavaScript sembra essere in conflitto con il visualizzatore PDF di Firefox, funziona senza problemi su Chrome ma non su Firefox.
Ecco il codice sorgente, è possibile scaricare la libreria dal collegamento di cui sopra e dare un'occhiata. Non dimenticare di inserire un file "1.pdf" insieme al file sorgente.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Grab-to-pan.js demo</title>
<link rel="stylesheet" href="grab-to-pan.css" type="text/css">
<style>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.scrollable {
overflow: auto;
width: 100%;
height: 100%;
background-color: #EEE;
}
#zoomPage {
overflow:visible;
width: 100%;
height: 150%;
}
</style>
</head>
<body>
<label><input type="checkbox" id="activate-g2p" checked> Activate Grab to Pan</label>
<div class="scrollable" id="scrollable-container">
<object id = 'zoomPage' type='application/pdf' data= '1.pdf#zoom=page-fit'><p>The PDF can not display</p></object>
</div>
<script src="grab-to-pan.js"></script>
<script>
document.getElementById('activate-g2p').onchange = function() {
if (this.checked) g2p.activate();
else g2p.deactivate();
};
var scrollableContainer = document.getElementById('scrollable-container');
var g2p = new GrabToPan({
element: scrollableContainer
});
g2p.activate();
</script>
</body>
</html>
È possibile utilizzare altri plugin di trascinamento jquery per sostituire quello originale. – user782104
puoi creare un violino per il modello di lavoro corrente .. – MarmiK
vuoi dire che vuoi spostare l'oggetto che contiene PDF o una pagina di PDF? – MarmiK