问题是,默认情况下,Chrome和firefox pdf查看器没有这个功能,我希望允许用户拖动页面.
解决方法是使用嵌入对象(pdf查看器)使用JavaScript库(Grab to Pan https://github.com/Rob–W/grab-to-pan.js).当我最大化的大小的pdf和用户拖动嵌入对象.
我遇到的问题是
>当使用Chrome / firefox时,pdf内容不适合页面,但默认情况下自动调整大小,即使我使用iframe设置了Adobe pdf打开参数.
> JavaScript代码似乎与firefox pdf查看器冲突,它在Chrome上平滑运行,但不是firefox.
这里是源代码,您可以从上面提到的链接中下载库,看看.不要忘了把一个“1.pdf”和源文件一起放在一起.
<!DOCTYPE HTML><head><Meta charset="utf-8"><Title>Grab-to-pan.Js demo</Title><link rel="stylesheet" href="grab-to-pan.CSS" type="text/CSS"><style>* { -webkit-Box-sizing: border-Box; -moz-Box-sizing: border-Box; Box-sizing: border-Box;}HTML,body { wIDth: 100%; height: 100%; margin: 0; padding: 0;}.scrollable { overflow: auto; wIDth: 100%; height: 100%; background-color: #EEE;}#zoomPage { overflow:visible; wIDth: 100%; height: 150%;}</style></head><body><label><input type="checkBox" ID="activate-g2p" checked> Activate Grab to Pan</label><div ID="scrollable-container"><object ID = 'zoomPage' type='application/pdf' data= '1.pdf#zoom=page-fit'><p>The pdf can not display</p></object></div><script src="grab-to-pan.Js"></script><script>document.getElementByID('activate-g2p').onchange = function() { if (this.checked) g2p.activate(); else g2p.deactivate();};var scrollableContainer = document.getElementByID('scrollable-container');var g2p = new Grabtopan({ element: scrollableContainer});g2p.activate();</script></body></HTML>解决方法 我不认为你可以.该pdf作为嵌入式对象加载. 假设您正在开发Web应用程序,您可以使用pdf.Js加载/查看pdf文档,或者使用自己的JavaScript或使用自己的查看器.这样,您不必担心浏览器执行加载pdf文档,您可以根据您的要求与查看器混淆.
希望这可以帮助.
总结以上是内存溢出为你收集整理的html – 如何在Chrome和Firefox PDF查看器上添加手工具(抓住页面和拖动)功能？全部内容，希望文章能够帮你解决html – 如何在Chrome和Firefox PDF查看器上添加手工具(抓住页面和拖动)功能？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）