相关内容

使用PDF.JS在线查看PDF
第一步:下载源码https:github.commozillapdf.js第二步:将源码拷贝进项目中,可以新建一个pdfshow文件夹存放代码第三步:修改viewer.jsvar default_url =...使用案例可参阅官方demo插件官方的例子:http:mozilla.github.iopdf.jsexamples? 这是我在官方上的例子修改了url之后的demo示例:http:jsfiddle...

PDF.js专题
依托开源社区驱动和mozilla实验室的技术支持。 目标是建立一个通用的,基于web的解析和渲染pdf文件的平台。 https:github.comchinesedronpdf.js#是从mozilla原版中fork出来的一个版本,原版的链接在这里https:github.commozillapdf.js原版的版次新一些,我们用原版。 pdf.js怎么用首先看一个demo:http:mozilla...
Android 使用PDF.js浏览pdf的方法示例
android的webview做不到ios的webview那样可以很方便的直接预览pdf文件。 要实现利用webview预览pdf我们可以使用谷歌文档服务:mwebview.loadurl(http:docs.google.comgviewembedded=true&url= + pdfurl); 这种方式国内网络环境是不用考虑的。 当然也有替代的方案:我们可以使用mozilla开源的pdf.js。 githubmozilla ...
PDF.js 分片下载的介绍2:分片下载demo
就是容易被盗链getdocument 方法中的 rangechunksize 参数,就是设置分块大小,默认是64k,可以修改这个数字,来改变这个例子使用的 1664k ,1m 左右来分片,方便测试。 您可以根据具体情况,来调整pdfjs.getdocument({url:url,rangechunksize:6553616,disableautofetch:0}). pdf.js展示1,上一页,下一页 pdf.js ...

vue整合pdfjs,实现pdf文件预览
所以只需要返回pdf文件的文件流,就可以直接预览文件,通过这种方式打开,整个页面全是pdf的文件内容。 需求是要求预览时,页面上要加上特定的标题格式,所以直接把文件流在浏览器打开的方式行不通。 通过收集相关资料,找到pdfjs插件以支持文件的预览。 实现 1.vue中引入pdfjs依赖npm install pdfjs-dist --save 2. ...

基于HTML的PDF展示 pdf.js
很不错的一个插件,推荐给大家pdf.js 是一个技术原型主要用于在 html5 平台上展示 pdf 文档,无需任何本地技术支持。? 在线演示:http:mozilla.github.compdf.jswebviewer.htmlhttps:github.comtonyquspdf.js...
PDF转图片,在线PDF转JPGPNG
在线demo 原理 使用pdf.js预览图片,pdf.js将pdf通过canvas将每一页渲染出来,然后我们通过canvas的todataurl方法保存为jpg或png格式。 pdf.js是mozilla开源的一个js库,无需任何本地支持就可以在浏览器上显示pdf文档。 唯一的要求就是浏览器必须支持html5。 依赖 需要pdf.min.js和pdf.worker.min.js两个js文件 全部...
JQ动态生成的元素,原事件绑定失效
之前只是知道官方推荐使用on来生成事件,并不知道其好处,这次知道了话说,真的好久没碰前端了,忘差不多了,o(∩_∩)o~动态加载js 和 css 在线浏览pdf之pdf.js (附demo)几个比较有意思的js脚本 经典js闭包面试题...

Android 上显示 PDF 文件
使用 androidpdfviewer,这是一个 github 上开源的库,除了体积大点别的都挺好,https:github.combartekscandroidpdfviewer使用 moliza 开源的 pdf.js 这个库是很强大的,配合 webview ,可以支持预览,缩放,翻页等等功能使用 腾讯浏览服务 https:x5.tencent.com我是选择了 pdf.js 这个库,使用 webview 配合 h5 ...
手机页面上显示PDF文件
support cross-origin browser requests. var url = aaa.pdf; disable workers to avoid yet another cross-origin issue(workers need the url of the script to be loaded,and dynamically loading a cross-origin script does not work)pdfjs.disableworker = true; asynchronous download pdf as an arraybuffer...
手机页面上显示PDF文件
support cross-origin browser requests. var url = aaa.pdf; disable workers to avoid yet another cross-origin issue(workers need the url of the script to be loaded,and dynamically loading a cross-origin script does not work)pdfjs.disableworker = true; asynchronous download pdf as an arraybuffer...

使用reveal.js制作精美的网页版PPT
slide 1 slide 2-1 slide 2-2 slide 2-3 slide 2-4 slide 3复制代码导出pdf导出pdf作为一个附加功能也算是比较贴心了,如果想了解使用方式可以参考https:revealjs.compdf-export. 接下来我们就来实现一个动态的ppt demo,供大家学习参考.reveal.js制作一个一个动感ppt的demo效果演示请访问地址: https:user-gold-cdn.x...

JS 继承
my age is 18如果对js继承相关还是不太明白的读者,推荐阅读以下书籍的相关章节,可以自行找到相应的 pdf版本。 推荐阅读js继承相关的书籍章节...图灵社区本书地址,后文放出 github链接,里面包含这几种继承的代码 demo。 《javascript面向对象编程第2版》第6章——继承12种继承的方案:原型链法(仿...

蘑菇街、滴滴、淘宝、微信的组件化架构解析,附源码Demo和PDF
组件化架构集成demohttps:github.comdevelopererenliucomponentarchitecture由于简书排版并不是很好,所以做了一个 pdf版的《组件化架构漫谈》,放在我 ...通过 ios自带 uiwebview创建一个 h5页面后,h5可以通过调用下面的 js函数和 native通信。 调用时可以传入新的 url,这个 url可以设置为 urlrouter的 url...

网页中Office和pdf相关文件导出
最后,我得到了我想要的效果,虽然也还是有点瑕疵,毕竟word嘛,追求格式的完美,不容易变形、请使用pdf,哈哈。? 这个的demo地址:https:codepen.ioataolapenvykwpzx 以上是我抽离出表格模块,单独阉割出来的版本。 比较综合的一个版本,请访问这个地址:http:zhengjiangtao.cnshowofficeexport-word.html?...

使用 SVG 和 Vue.Js 构建动态树图
本文将会带你了解到我是如何创建一个动态树图的,该图使用 svg(可缩放矢量图形)绘制三次贝塞尔曲线(cubic bezier)路径并通过vue.js 以实现数据响应。 在开始前,先让我们来看一个 demo(http:svg-tree-diagram.surge.sh)。? 基于 svg 和 vue.js 框架的强大功能,我们可以轻松创建基于数据驱动、可交互和可配置的...

如何实现高性能的在线 PDF 预览
目前常见的在线 pdf 查看方案:使用 iframe、embed、object 标签直接加载采用此方案,只需要直接将 pdf 的在线地址设置为标签的 src 属性使用第三方库 pdf.js加载这个方案麻烦一点,我们需要在项目中引入 pdf.js 这个库,然后再使用 iframe 来加载指定的 html 文件(下文代码中的 viewer.html ),并且将需要访问的 ...
网页PPT: reveal.js 介绍
步骤如下安装 node.js 安装 grunt 下载 $ git clone https:github.comhakimelreveal.js.git 到 reveal.js 文件夹 $ cd reveal.js 安装依赖 $npm install 运行 $ grunt serve 打开 http:localhost:8000 来查看你也可以改变端口用 grunt serve --port 8001。 demo最后附上 一丝 用 reveal.js 做的高大上的democss 居中...
Android
05.15新增功能支持:白板新增使用网页作为白板的背景; 新增工具鼠标的功能,可以方便的手势翻页; 问题修复修正 demo 中白板的构建方式,移到 tic sdk 中...14增加客户端转码接口(ppt、pdf、word 文件转码 applyfiletranscode)增加客户端转码回调(ontebfiletranscodeprogress)删除添加普通和 h5文件接口(addfile...
面试官问:JS的继承
my age is 18如果对js继承相关还是不太明白的读者,推荐阅读以下书籍的相关章节,可以自行找到相应的 pdf版本。 推荐阅读js继承相关的书籍章节...图灵社区本书地址,后文放出 github链接,里面包含这几种继承的代码 demo。 《javascript面向对象编程第2版》-第6章 继承,12种继承的方案。 1.原型链法...