`
13146489
  • 浏览: 251403 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

pdf.js html5展现pdf

阅读更多
查看了这个项目的官方demo,效果还不是很满意。持续关注中
http://andreasgal.com/2011/06/15/pdf-js/

Why?

While traveling to the Firefox 4 launch parties in Seoul and Taipei all the way from California, we killed a lot of time by brainstorming cool things to do with the web platform. Like many before us, we were wondering why nobody had implemented a PDF reader in HTML5/JavaScript. The kinds of operations a PDF reader needs to be fast at –render text, draw lines, blit images– need to be fast in browsers too, so browsers are already highly optimized for them.

Building an HTML5-based PDF renderer would also answer the question of whether the web platform and in particular canvas and SVG APIs are complete enough to efficiently and faithfully render PDFs.

Displaying PDFs directly in the browser would definitely improve the user’s experience. There are literally millions (billions?) of PDFs floating around the web, and on many devices loading PDFs switches to a different application (e.g. Preview on OS X and PDF View on Android). Also, external PDF readers and many plugins don’t support important PDF features well, including content links and fetch-as-you-go (HTTP range requests).

External readers and plugins are also forced to reinvent their own user interaction paradigms, meaning for example that users might scroll HTML pages in one way with one set of heuristics in the browser, but a totally different way in an external PDF reader.

It’s important to note that we’re not trying to promote PDF to a first-class web citizen like HTML5 is. Instead we hope that a browser-native PDF renderer written on the web platform allows web technologies to subsume PDF.

Benefits

The traditional approach to rendering PDFs in a browser is to use a native-code plugin, either Adobe’s own PDF Reader or other commercial renderers, or some open source alternative (e.g. poppler). From a security perspective, this enlarges the trusted code base, and because of that Google’s Chrome browser goes through quite some pain to sandbox the PDF renderer to avoid code injection attacks. An HTML5-based implementation is completely immune to this class of problems.
分享到:
评论
1 楼 wilsonchen 2015-12-14  

相关推荐

    基于pdf.js在android内部显示pdf文件

    2. **集成`pdf.js`**:将`pdf.js`库的JavaScript文件(如`pdf.js`和`pdf.worker.js`)添加到你的Android项目的`assets`目录下。这样,它们可以在Webview中加载。 3. **创建WebView**:在Android应用中创建一个`...

    pdfjs.........

    PDF.js 是一个开源的JavaScript库,由Mozilla基金会开发,用于在Web浏览器中渲染PDF文档。它的目标是提供一种跨平台、高性能的方式,使得用户无需安装任何插件即可在线查看PDF文件。这个库充分利用了现代浏览器的...

    用Node.js滚「雪球」pdf

    Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程,以构建各种网络应用。它使用事件驱动、非阻塞I/O模型,这使得Node.js非常轻量且高效,非常适合处理大量并发连接...

    JQuery面试题1共5页.pdf.zip

    以下是对"JQuery面试题1共5页.pdf.zip"内容的概要和详细解释: 1. **jQuery选择器** - 基本选择器:如`#id`(ID选择器)、`.class`(类选择器)、`tag`(标签选择器)。 - 层次选择器:`>`(子选择器)、`+`...

    Beautiful.JavaScript.2015.8.pdf

    随着Web技术的发展,尤其是HTML5、CSS3等标准的成熟,JavaScript的地位进一步稳固。近年来,随着Node.js等技术的出现,JavaScript也成功地扩展到了服务器端领域,实现了从前端到后端的全面覆盖。 #### JavaScript在...

    HTML5学习漫画html5 now.pdf

    《HTML5 Now》这本书通过漫画形式,生动地展现了这些特性,帮助读者快速掌握HTML5的核心概念和实践技巧,为web开发开启新的可能。无论是想要入门的新手还是寻求进阶的开发者,都能从中受益匪浅。通过阅读并实践书中...

    puerts-unityue下的typescript框架.pdf.pdf

    这些引擎的渲染能力世界领先,特别是在Unreal Engine 5的演示视频中,展现的视觉效果让世界震惊。 然而,Unity和Unreal Engine传统上更多地依赖于C#和C++等原生语言进行游戏开发,这无疑限制了游戏开发的灵活性。...

    html5模板.pdf

    - 该项目综合运用HTML5的新特性,提升了网页的互动性和用户体验,同时也展现了良好的设计原则和规范。 7. 附录 - 包含源代码、设计文档等相关资料,供学习和评估。 通过本次实践项目,学生不仅能掌握HTML5的基本...

    有哪些必知必会的React.js 面试题pdf(跳槽用的).pdf

    React.js 是一个流行的JavaScript库,用于构建用户界面,特别是单页应用程序。面试中,了解React的基础和高级概念是至关重要的。以下是一些React面试中常见的知识点: 1. **React事件机制** - React并不直接将事件...

    基于HTML5的移动电商系统前端的设计与实现.pdf

    本论文详细探讨了HTML5的核心技术及其在移动电商系统前端实现中的应用,重点讲述了Webpack的配置、React框架与Node.js服务器结合实现的前后端一致性渲染、列表展示模块的实现与复用、页面自适应策略、网络模块的封装...

    PDF-IntroducingHTML5GameDevelopment-英文版.rar

    HTML5是现代网页开发的核心技术之一,它在游戏开发领域展现了强大的潜力,尤其对于构建跨平台、无需插件的Web游戏。 **HTML5概述** HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,旨在提升网页...

    基于SpringBoot的个人博客系统设计与实现-论文.pdf.zip

    6. **前端技术**:个人博客的用户界面可能使用了现代前端框架如React或Vue.js,或者使用HTML、CSS和JavaScript进行原生开发。这些技术负责将后端提供的数据展示给用户,并处理用户交互。 7. **测试**:SpringBoot...

    1.从零理解Vue.pdf

    Vue.js 是一款轻量级的前端JavaScript框架,由Nick Wang创建并在2016年至2018年间担任CTO。Vue的核心理念是通过MVVM(Model-View-ViewModel)模式来简化用户界面(UI)的开发,它以其易学易用、组件化和灵活的特性受...

    Html5在车辆智能监控系统中的应用.pdf

    HTML5是下一代Web标准,它的出现极大地扩展了Web应用程序的功能,使其可以与桌面应用程序相媲美。在车辆智能监控系统中,HTML5的应用为车载监控...随着HTML5技术的不断发展和完善,它将在更多的领域展现出强大的潜力。

    VUE官方离线教程.pdf

    Vue.js 是一款轻量级的前端JavaScript框架,其设计思想是渐进式,允许开发者从简单的功能开始,逐渐深入到更复杂的应用构建。Vue的核心专注于视图层,使其易于理解和集成,同时也支持与现代工具链和其他库无缝协作,...

    Vue经典面试题.pdf

    Vue.js 是一款流行的前端JavaScript框架,它以简洁的API、高效性能和高度灵活性著称,尤其在构建用户界面方面表现出色。Vue.js 提供了多种特性来帮助开发者快速构建交互性强、可复用的Web应用。 1. **响应式数据...

    有哪些必知必会的React.js 面试题值得收藏(适合中高级).pdf

    React.js 是一个流行的JavaScript库,用于构建用户界面,特别是单页应用程序。对于中高级React开发者,了解和掌握一些核心概念和面试题是非常重要的。以下是一些关于React.js的面试知识点,涵盖组件基础、事件处理、...

    js 某个页面监听事件渲染完毕的时间.pdf

    JavaScript页面渲染完毕时间的监听是前端开发者不可或缺的技能之一,其主要目的是为了在页面完全准备好之后执行特定的逻辑,如填充数据、初始化组件等。在实际应用中,这有助于优化用户体验,确保用户看到的是一个...

Global site tag (gtag.js) - Google Analytics