8
मैं GitHub पर PDF.js परियोजना पर देख रहा हूँ और उनके बुनियादी क़ौम मैं इस के साथ आ गए हैं (पूरे दृश्य) को देख:का उपयोग pdf.js
@{
ViewBag.Title = "GetPDFLetter";
Layout = null;
}
<!doctype html>
<html>
<head>
<title>PDF.JS TEST</title>
<!-- PDF.js-specific -->
<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/pdf.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/core.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/util.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/api.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/canvas.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/obj.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/function.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/charsets.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/cidmaps.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/colorspace.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/crypto.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/evaluator.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/fonts.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/glyphlist.js")"> </script>>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/image.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/metrics.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/parser.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/pattern.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/stream.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/worker.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/jpg.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/jpx.js")"> </script>
<script type="text/javascript" src="@Url.Content("~/PDFScripts/jbig2.js")"> </script>
<script type="text/javascript">
// Specify the main script used to create a new PDF.JS web worker.
// In production, change this to point to the combined `pdf.js` file.
var url = '@Url.Content("~/PDFScripts/worker_loader.js")';
PDFJS.workerSrc = url;
</script>
</head>
<div>
<canvas id="the-canvas" style="border:1px solid black"></canvas>
</div>
<script type="text/javascript">
$(document).ready(function() {
/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
//
// See README for overview
//
'use strict';
//
// Fetch the PDF document from the URL using promices
//
PDFJS.getDocument('helloworld.pdf').then(function (pdf) {
// Using promise to fetch the page
pdf.getPage(1).then(function (page) {
var scale = 1.5;
var viewport = page.getViewport(scale);
//
// Prepare canvas using PDF page dimensions
//
var canvas = document.getElementById('the-canvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
//
// Render PDF page into canvas context
//
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
});
</script>
</html>
फ़ाइल helloworld.pdf दृश्य के समान फ़ोल्डर में है, लेकिन जब मैं प्रोजेक्ट चलाता हूं तो कुछ भी नहीं मिलता है, केवल एक छोटा आयताकार। क्या मुझे कुछ याद आया है? कोई विशेष विचार? किसी भी मदद के लिए धन्यवाद।
क्या हमें ऊपर वर्णित सभी जावास्क्रिप्ट फ़ाइलों को जोड़ने की आवश्यकता है? कुल मिलाकर 22 जेएस फाइलें हैं .. –
@ राणाधीर पीडीएफ.जेएस के साथ काम करने के 18 महीने बाद, मुझे यकीन नहीं है कि क्या बदल गया है आदि। आप गिथब के मुद्दों पर नजर डाल सकते हैं और वहां पूछने की कोशिश कर सकते हैं। स्क्रिप्ट के बारे में, जाहिर है कि आपको उनकी आवश्यकता है, लेकिन आप उन्हें बंडल करने का प्रयास कर सकते हैं। –