<script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
<div id="pdf-container"></div>
<script>
var url = '/menu/menu1.pdf';
var pdfjsLib = window['pdfjs-dist/build/pdf'];
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.js';
var loadingTask = pdfjsLib.getDocument(url);
loadingTask.promise.then(function(pdf) {
console.log('PDF loaded');
pdf.getPage(1).then(function(page) {
console.log('Page loaded');
var scale = 1.5;
var viewport = page.getViewport({ scale: scale });
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
document.getElementById('pdf-container').appendChild(canvas);
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
}, function (reason) {
console.error(reason);
});
</script>
Hocam ben mi beceremedim bilmiyorum ama beyaz ekran çıktı yine.
İsterseniz, PDF'i Google Drive'a yükleyip oradan bir embed kodu alarak siteye ekleyebilirsiniz. Böylelikle belki yaşadığınız sorunu çözmüş olursunuz.
Hocam buradada gmail hesabı ile oturum açmayanlarda gözükmüyor.