【问题标题】:PDF.js viewer pinch to zoomPDF.js 查看器捏缩放
【发布时间】:2014-10-04 20:56:42
【问题描述】:

我正在使用PDF.js 在我正在开发的网络应用程序上呈现我的文档。

但是,我需要为此在移动设备上启用捏合缩放功能,而且看起来库本身不允许原生缩放。

是否有一个库可供我使用代码来模拟(至少)按与查看器下拉缩放选择相同的比例捏合和缩放?

【问题讨论】:

  • 针对 PDF.js 的 SVG 后端做了一些工作,请参阅 github.com/mozilla/pdf.js/tree/master/examples/svgviewer——您可能对它感兴趣,而不是通用查看器。
  • 这方面的表现如何。我刚刚破坏了内存使用的当前查看器(在 safari 调试模式下,滚动放大时我将其设置为 100mb-200mb)。我还设法使用 Hammer.js 库让触摸事件工作。但是,现在当我在移动设备上放大超过 110% 时,它会破坏 pdf 中的文本(只留下白页和链接曾经存在的蓝色边框)
  • 您使用的是什么版本的 pdf.js?你看过'USE_ONLY_CSS_ZOOM'选项吗?请参阅:github.com/mozilla/pdf.js/issues/2439 和 github.com/mozilla/pdf.js/pull/4834

标签: javascript android ios pdf pdf.js


【解决方案1】:

我找到了这个解决方案的答案。我最终将hammer.js 用于pdf.js

http://hammerjs.github.io/

编辑

var mc = new Hammer.Manager(myElement, myOptions);

mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, threshold: 0 }) );
mc.add( new Hammer.Tap({ event: 'quadrupletap', taps: 4 }) );

mc.on("pan", handlePan);
mc.on("quadrupletap", handleTaps);

【讨论】:

  • 这里是hammer.js的链接:hammerjs.github.io(顺便说一句,我不允许添加到这个答案中:-/ - 所以也许你自己做,@Jordan)
  • @PhilLab 添加了答案的链接。
  • 乔丹,如果你添加你写的代码来做捏缩放会更好。或至少是骨架代码。谢谢。
  • @Jordan 会很酷,如果您还可以添加 handlePan 和 handleTaps 的代码 :-)
  • 我也认为你应该添加一个完整的工作代码;)
猜你喜欢
  • 2017-03-24
  • 2017-04-23
  • 2014-04-17
  • 2015-02-20
  • 2020-10-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-07
  • 1970-01-01
相关资源
最近更新 更多