asp.net-mvc-3 – 在ASP.NET MVC3中使用pdf.js.
发布时间:2020-12-16 04:38:38 所属栏目:asp.Net 来源:网络整理
导读:我正在查看 github上的PDF.js项目并查看他们的基本演示我已经想出了这个(整个视图): @{ ViewBag.Title = "GetPDFLetter"; Layout = null;}!doctype htmlhtml head titlePDF.JS TEST/title !-- PDF.js-specific -- script src="@Url.Content("~/Scripts/jque
我正在查看
github上的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与视图位于同一文件夹中,但是当我运行项目时,没有任何内容被渲染,只是一个小矩形.我错过了什么吗?有什么特别考虑?谢谢你的帮助. 解决方法
终于搞清楚了.多么棒的PDF.js库.
我已经取得了creating a sample MVC3 project using PDF.js的自由.它遵循github上90%的PDF.js演示,除了一个微小的,自我解释的(在代码中的注释中解释)改变了向观众分配PDF文件路径. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 如何以编程方式将触发器添加到ASP.NET UpdatePanel?
- asp.net-mvc – 带网格的MVC3 Bootstrap tablular数据
- .net – 使用OData $select来从相关对象中挑选字段
- asp.net-mvc – 在MVC 3中写入只读会话
- 在ASP.NET网站中使用SQL Server Compact Edition
- asp.net-core-mvc – 确定Tag Helper中的当前路由.这可能吗
- 在ASP.NET MVC4中是否可以将C#或VB函数标记为Javascript?
- asp.net – WebBrowsable vs个性化Web部件
- 谈谈分布式事务之三: System.Transactions事务详解[上篇]
- asp.net – 如何在转发器中每行显示x个项目?
推荐文章
站长推荐
热点阅读