Pdf.js: モバイルでより自然なズームを使用する

これが私たちがやりたかったことですが、V1ではズームのピンチに問題があったため、ズームボタンを使用する必要がありました。

問題について詳しく教えていただけますか？ PDF.jsをうまく機能させるために、おそらくそれらに優先順位を付けることができると思います。

この場合、ブラウザにズームを実行させたくないと思います。 pdf.jsがドキュメントを800x600でレンダリングし、ピンチズームインすると、ブラウザーはその800x600コンテンツを新しい高解像度でレンダリングし続けます。これは、デバイスの解像度と方法によっては、がらくたに見える場合と見えない場合があります。ズームしました。 （pdf.jsはまだsvgではなくcanvasをレンダリングに使用していると思いますか？）

@Snuffleupagus @timvandermeijどちらかがこれに取り組むことに興味がありますか？ gaiahttps ：//github.com/mozilla-b2g/gaia/blob/master/shared/js/gesture_detector.jsの共有ライブラリを使用するのはそれほど難しいことではないようです

@brendandahl間違いなくやることリストに載せて、すぐに実験を始めます。 https://github.com/mozilla-b2g/gaia/blob/862de8489b648a9af7e8a5b88be031b5479404ba/apps/camera/js/panzoom.js#L15は、「transform」が2本の指のピンチイベントに使用されるため、良い例のようです。 それはモバイルで非常に頻繁に使用されているので、ズームするピンチが機能するのであれば本当に素晴らしいでしょう。

私はこれに取り組んでいます。 興味のあるユーザーは、 https：//github.com/timvandermeij/pdf.js/tree/pinch-to-zoomで進捗状況を確認できます。 タブレットと携帯電話ですでにピンチツーズームコマンドをキャッチしていますが、実際の再レンダリングだけでなく、精度も改善する必要があります（古いスケールで新しいスケールを計算する方法を見つける必要があります）および新しい中間点、またはその他の方法）。

@timvandermeijこれを実装する前に行う必要があるかもしれないことの1つは、ズームを改善することです。 最初にcss変換を使用してキャンバスをスケーリングし、次に再レンダリングを開始し、再レンダリングが完了したら新しいキャンバスを表示することについて説明しました。

ここでの最善の解決策は、ブラウザーのコンポジターに依存して一時的なズーム（ピンチまたはダブルタップ中のアニメーション）を実行し、pdf.jsを新しい解像度で再描画することであると強く信じています。 ここでの悲しい部分は、現在、コンテンツがズームの変更を認識しておらず、キャンバスのサイズを新しい解像度に変更しても機能しないと思います。 これを処理するには、キャンバスの仕様を強化する必要があるかもしれません。

私はhammer.jsである程度の成功を収めました。 ブラウザの「ネイティブ」ピンチを許可し（PDFがぼやける）、ピンチしたときに、scale = scale * zoomでPDFキャンバスを再描画し、キャンバスにcss「transform：scale（1 / zoom）」を指定します。 したがって、すべてが同じ場所に配置されます（特にテキストとアンカー）。 きちんと見えます。

@skruseしばらく前に、

ねえ、skruse、ズーム終了時のズーム比をどのように計算できましたか？

var zoom = document.documentElement.clientWidth / window.innerWidth;

また、パフォーマンスの問題も発生しました。「スケール」パラメータの観点から、モバイルデバイスで「遠すぎる」ズームインをしてはいけません。 2か3が一番大きいと思います。

これは+2

誰かがこの2年前の問題の解決策を手に入れましたか？

私の知る限り、これについては何もされていません。 https://github.com/mozilla/pdf.js/issues/2582#issuecomment-30316908で以前のコメントを参照し

これに対する解決策を見たいと思います。 現時点では、これがpdf.jsの使用を妨げている唯一の理由です。

:(

ピンチズームは素晴らしいでしょう！ pdf.jsを使用し、ピンチズームとスワイプページを備えたこのjqueryプラグインを見つけました。 http://touchpdf.net/demo/index.htmしかし、最初からpdf.jsでビルドされていれば良いでしょう:-)

+1ここでこれを見たいです。

+1、また、hammer.jsを使用してイベントをキャプチャし、pdf.jsズーム関数を呼び出す他の例は、比較的「クリーンな」メソッドではありませんか？

@sporkmanが最終的に行ったことは、キャンバスを非常に大きくレンダリングしてから、ネイティブブラウザーズームを使用してズームを許可することでした（私のアプリはタッチデバイス用に設計されています）。 必要に応じてソースを共有できます。

@rorysmorrisスクロール中にピンチするときに、ネイティブブラウザのズームを無効にする方法をどのように回避しましたか？ また、pdf.jsにhammer.jsを実装しましたが、その特定の問題を回避できません

touch-action CSSプロパティを使用しようとしましたか？
https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

2016年10月5日15:15、「toplay3」 [email protected]は次のように書いています。

@rorysmorris https://github.com/rorysmorrisどうやって取得したのですか？
スクロール中につまむときにネイティブブラウザのズームを無効にすることについて？ 私は持っています
また、pdf.jsにhammer.jsを実装しましたが、その特定を回避することはできません
問題

—
このスレッドにサブスクライブしているため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/mozilla/pdf.js/issues/2582#issuecomment -251670785、
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/ABTUT83E287dv4LSs4T_TGnzwe8yqCMYks5qw6LmgaJpZM4AXvZ2
。

@ Rob--W
すごい天才！ 今完璧に動作します！ 本当にありがとう！

この問題はいつ実装される予定ですか？ この号が最初に投稿されてからかなりの時間が経ちました。 言うまでもなく+1！

また、1年前から毎週この問題をチェックしています。 それをコアに入れるか、hammerjsのアドオンとして使用すると素晴らしいでしょう。

このスレッドをより建設的にするために、UIの要件を以下に示します（誰かが問題の解決を本当に助けてスピードアップしたい場合）。PDF.jsに固有のものはありません。

• 垂直に積み重ねられたDIVのセット（サイズが異なる）をズームおよびパンするには
• ユーザーがさまざまなスケールでビューポートで迷子にならないようにする
• divの可視性または可視スケールが変更されたときに検出して通知します。

低電力デバイスではすべてのページを最大解像度でペイントしたくないため、後者は重要です。 誰かがプロトタイプを持っている場合は、IRCで私を見つけて、可視性とスケールイベントのためにPDFPageViewをフックするのを手伝います。 5-good-beginner-bugも設定しますか？

これは初心者向けのバグであることに同意するので、そのようにラベルを付けます。

これはモバイルだけでなく、2本指のトラックパッドズーム（Macの場合）をサポートする機能リクエストも受け取っています。

簡単な調査の結果、ズームジェスチャをサポートするクロスブラウザの方法はまだないことがわかりました。

• Safariにはいくつかの特定のジェスチャーイベントがあります： https ：
• Firefoxアドオンコードはジェスチャーイベントにアクセスできます： https ：
• ピンチイベントをctrl-wheelに変換することに関するいくつかのbugzillaの議論（他のブラウザへの入力と参照を含む）： https ：

+1

@ toplay3と@ Rob--Wそれを機能させるために何をしましたか？ 「touch-action：auto;」を追加しますか？ 何に？ そして、あなたは他に何をしましたか？ ありがとう！

こんにちは皆さん、私がピンチしてズームを機能させることに興味を持っているほとんどの人のように、ハンマーのような外部ライブラリを使用しても、誰かがそうすることができましたか？ あなたがそれを作った場合、セットアップは何ですか？ @rorysmorris @ toplay3 @ Rob--Wありがとう

👍

@rorysmorris上記の質問について何かアドバイスはありますか？ ありがとう:)

こんにちは@ squallstar-最初はJSピンチアンドズームライブラリを使用してこれを処理しようとしましたが、いくつかの問題が見つかりました。 それは私が望むようにズームしませんでした。つまり、それが理にかなっている場合、端を画面の端から離したくないときに、PDFキャンバスを完全に画面外に移動させることができました。 結局、私はモバイルブラウザに組み込まれているネイティブズームを使用してピンチ/ズーム/ナビゲートしました。 表示されていたピクセルサイズの3倍でPDFをレンダリングするようにPDF.jsを設定し、CSSで縮小したので、ズームインしてもかなり鮮明なままです。ヘルプが必要な場合は、私の実用的な例を紹介できます。実装。

@rorysmorrisありがとう、私に見せて（またはスニペットを送って）、またはそれをどのように実装したかを教えていただければ幸いです。 よろしくお願いします👍

@squallstarは、私のサイトの連絡フォームからメールを送ってくれます。今日の後半にデモをおhttp://rorymorris.co.uk

@squallstarこれは実際には解決策ではありませんが、一種の回避策です。 短所は次のとおりです。パフォーマンス、結果にはデバイスの依存関係があり、ズームは無限ではありません。

JavaScriptを使用してこれらのタスクを実行するのではなく、ネイティブのスクロールとパンを使用することで、パフォーマンスが大幅に向上します。 最大ズームレベルはメタビューポートタグを使用して簡単に構成できますが、ラスタライズされた画像を無限にズームしたい人はいますか？ ちなみに見栄えの良い「JS-ImageResizer」ライブラリ！ @MickL

パフォーマンスはもっと推測でした。 横向き@ 2208px幅でiPhonePlusを使用するとします。 これで、6624pxのキャンバスができました。 PDFの複雑さとページ数によっては、HTMLテキストやグラフィックなどで3つのレンダリングされた6000pxキャンバスがある場合があります。

あなたの解決策は多くの人にとって素晴らしいと思います。 しかし、あなたが説明したように、実際にPDF.jsのズームと再レンダリングをトリガーするよりも偽のズームです:)

確かに、その観点からのパフォーマンスの面では素晴らしいことではありません。 この特定のユースケースでは、300ページ以上のPDFをiPad（Retina）サイズでレンダリングし、それぞれの上に描画キャンバスを配置する必要がありました。

PDF.jsは、レンダリングされたPDFページが約10ページでブラウザー（iOS Safari）をクラッシュさせるため、最終的には、前/次のボタンで一度に1つのPDFページを表示するだけで済みました。 理想的ではありません！ そして、私は同意します。PDF.jsに組み込まれているネイティブズーム機能はもっと良かったでしょう。

ピンチズームの例を実行するには、kamihq.comをチェックアウトしてください

@rorysmorris昨日の夕方、お問い合わせフォームからメールをお送りしました。あなたが話していた例を送っていただけませんか。 :)ありがとう

実用的な例（@ rorysmorris 、@ Rob--Wなど）を持っている人は誰でも共有できますか？

@rorysmorris私はあなたのウェブサイトを通してあなたに連絡しようとしました。 誰かがこれの実用的な例を持っているなら、あなたは共有できますか？

@ltullman @ hetalv985私はそれを自分で実装して動作させることができました、ここで私の要点を確認してください：

https://gist.github.com/squallstar/1d720e93eabe7f60dc61b547d2c19228
それをviewer.htmlの最後に貼り付けるだけです👍それだけです。

ありがとうsquallstar。 ただし、viewer.htmlは使用していません。 iOSモバイルアプリのdivタグ内でPDFをレンダリングしています。 その場合、この機能をどのように使用しますか？ ビューアファイルを含める必要がありますか？

したがって、非常によく似た関数handleMouseWheelあります。 タッチジェスチャやハンマーjsでまったく同じ機能を使ってみませんか？ それでは、これは1〜2時間で修正されませんか？

残念ながら、それはそれほど簡単ではありません。 https://github.com/mozilla/pdf.js/issues/2582#issuecomment-30316908で私の以前のコメントを参照してください。 タッチジェスチャの量を制限して、デルタが変更されるたびにキャンバスが再レンダリングされないようにする必要があります。これは、パフォーマンスの大きな問題です。 誰かがこれに取り組む気があるなら、PRを提出してください、そして私たちはそれをレビューします。

それが唯一の問題なら... :)

また、「ctrl + mousewheel」では、Googleマップのようにカーソル位置までスクロールすることに気づきました。 ただし、スクロールバー（ページ読み込み時のデフォルト）がない場合、これは機能しません。 したがって、これを自然に感じるには、ピンチズームとマウスホイールズームに必要な場合はパディングを作成する必要があります。

マウスホイールズームとピンチズームが同じ機能を使用する場合は、さらに便利です。

あなたのコミットはすでに良さそうです。 多分パフォーマンスはもはや問題ではありません、それは3年以上前です。 もちろん、最善の解決策は次のとおりです。開始ピンチ->ぼやけたズーム->終了ピンチ->実際にPDFをズームします。 また、 user-scalable=noは最新のiOSでは動作しなくなりました。 したがって、 preventDefault()も必要になる場合があります。

私はこれに多くの時間を投資しました。 実際には可能のようですが、解決できなかった問題がいくつかあります。

• Hammer.jsはpinchendでのみ機能します（pdf.jsがズームするとpinchmoveは常にキャンセルされます）
• mousewheel-zoomと同じ方法を使用したにもかかわらず、ピンチェンドの中心まで完全にスクロールできませんでした。
• 時々、hammer.jsによって中心が正しく設定されません
• pinchendがhammer.jsによって呼び出されず、ズームが発生しない場合があります
• pinchmoveにcss変換を追加しようとしました（pinchmoveでcssズーム、pinchendでpdf jsズーム）。これにより、優れたパフォーマンスが得られますが、完全にスクロールできませんでした（位置#viewerとcss変換）
• Hammer.jsは他のタッチアクション（この場合は通常のページスクロール）を防止するため、hammer.jsを変更して2本の指が使用されている場合にのみ防止する必要がありました
• （マウスホイールズームについても同じです:)スクロールバーがない場合（ドキュメント全体が表示されるようにズームアウト）、ドキュメントをピンチの中心に配置（スクロール）することはできません。

おそらくこれはすべて解決可能ですが、iOS 10ではuser-scalable=no無効になっている場合でもページズームが可能です。 そのため、ピンチで数回preventDefault（）が機能せず、ページ全体がズームされます。 これはエンドユーザーにとって大きな問題につながります（抜け出す唯一の方法はツールバーをダブルタップすることです）。

@MickL試してみました。 CSSプロパティ「pointer-events：none」をクラスpdfViewerとページに追加することで「ピンチズーム」のキャンセルを回避できました（そして、viewerContainerがダブルタッチイベントをディスパッチしてページ全体がズームしないときにstopPropagation + preventDefaultを呼び出すことでiOS）。

変更されたマウスホイールメソッドを使用すると、完全なズーム位置イベントが発生しないという同じ問題が発生します（適用する次のスケール、現在の「中間位置」またはターゲット、および「中間位置」のデルタを渡して知る） pdfViewer.container.scrollLeftおよびpdfViewer.container.scrollTopによって管理される、左、右、上、下に移動する量。 おそらくタイムアウトによって、視聴者がすべてのダブルタッチイベントでレンダリングできなくなるエラーが常に発生しているようです。

すべてのスケールデルタですべてをレンダリングしないようにするために、これらのCSSスケール変換をどこに適用するかについてのヒントはありますか？

@betovidal前回の投稿から数か月が経ちました。 PDF.jsでピンチズームを機能させるための更新を行いましたか？ 私はこれを必要とする仕事のためのプロジェクトに取り組んでいます。
たぶん私たちは一緒に何かを理解するために働くことができますか？

@squallstariOSでソリューションを簡単にテストしました。 そしてこれまでのところ、それは私のために働いています！ ソリューションを共有していただきありがとうございます💯

@vuinguyenありがとう！ 私もそれがあなたのために働いてうれしいです;）

+1

@squallstarのコードをPRに統合する希望はありますか？ 現在、ユーザーがモバイルデバイスをピンチしてズームしようとすると、スクロールが「ロック」され、さらにナビゲートするためにページをリロードする必要があります。 小さな「+」ボタンと「-」ボタンを使用してナビゲートすることは、2018年のモバイル視聴者にとっては直感に反します。

ピンチズームは、iOS 10以降のiOSでは「壊れています」。すべてが完全に実装されていても、Safariはすべてを台無しにします。

これはiOS固有の問題ですか？ Androidでpdfjsが提供するPDFをピンチズームすることは可能ですか？

ブラウザによって異なります。 iOSブラウザだけが「user-scalable = no」を無視すると思います。

現在、ドキュメントをズームするには、モバイルでもプラス/マイナスボタンを押す必要があります。 特にピンチツーズームもアクティブになっているので、これは本当に奇妙です。 モバイルでの最善の方法は、おそらく「自然な」サイズでレンダリングし、Webページのようにブラウザにズームを制御させることだと思います。

私には、これがすべてを物語っています。 これは特定の機能ではなく、モバイルエクスペリエンスへのアプローチだと思います。

iOSブラウザだけが「user-scalable = no」を無視すると思います。

正しい。

「BoxContentPreview」（PDFJSを使用してPDFを表示する）がこれに適した実装であることがわかりました。 これは彼らの視聴者のCodepenです：

https://codepen.io/box-platform/pen/rmZdjm

そして、これは彼らの修正のためのプルリクエストです：

https://github.com/box/box-content-preview/pull/567

彼らの解決策に基づいて、誰かがPDFJSに似たようなものを作ることができるのではないかと思いました。 自分で実装して、コードを投稿しようと思います。 他の誰か（おそらく私よりも経験が豊富な人）も協力して試してみることができれば素晴らしいと思います！

@ amurillo17リンクをありがとう。 Boxソリューションは素晴らしく見えます。 このようなものがpdfjsで動作するのを見たいです。 進捗状況をお知らせください。

この問題の良い解決策はありますか？

これに関する更新はありますか？ 持っている素晴らしい機能になります！

更新はありますか？ ありがとう

この機能を既存のビューアに追加する簡単な方法はありますか？

この機能を既存のビューアに追加する簡単な方法はありますか？

番号。

@prohtexうーん、それはかなり悲しいです。 このような機能が、これらすべての年の後にすぐに追加されることを願っています。

@prohtexうーん、それはかなり悲しいです。 このような機能が、これらすべての年の後にすぐに追加されることを願っています。

誰かがステップアップしてコードをPRに統合したときにのみ追加され（悲しいことに私ではありません）、それでも数年かかる可能性があります。

回避策はありますが、「Firefox forAndroid」アドオンのiOSを気にしないため、「Androidのみ」です。
https://github.com/M-Reimer/android-pdf-js/blob/master/patches/pdfjs-pinch-gestures.js
私のMakefileは、これを「web /viewer.js」に追加するだけです。 タッチイベントに登録し、ピンチジェスチャをボタンクリックに変換します。

回避策はありますが、「Firefox forAndroid」アドオンのiOSを気にしないため、「Androidのみ」です。

それは私のiPadでも動作しますが、少し遅く感じ、あまり自然ではありません。 ピンチするたびに1ステップズームします。 したがって、ズームするには指を離す必要があり、ピンチした距離がどれだけ離れていてもかまいません。 これは正常な動作ですか、それともデバイス固有のバグですか？ とにかくありがとう、これは正しい方向への一歩だからです。

それは私のiPadでも動作しますが、少し遅く感じ、あまり自然ではありません。 ピンチするたびに1ステップズームします。 したがって、ズームするには指を離す必要があり、ピンチした距離がどれだけ離れていてもかまいません。 これは正常な動作ですか、それともデバイス固有のバグですか？ とにかくありがとう、これは正しい方向への一歩だからです。

コードを見ると、これは実行可能な解決策ではなく、適切な回避策でもありません。 これは、ズームイベントを監視し、jQueryで[-] [+]ボタンのクリックをシミュレートするだけです。

@prohtexその通り。 試してみると何かしますが、全然うまくいきません。

私が言ったように：完璧ではありませんが、何もないよりはましです。
少なくとも私にとっては、小さなモバイル画面で小さなズームボタンを押すよりもピンチジェスチャを行う方が簡単です。 これにより、すべてのモバイルデバイスユーザーが期待するジェスチャーが機能します。

それは私のiPadでも動作しますが、少し遅く感じ、あまり自然ではありません。 ピンチするたびに1ステップズームします。 したがって、ズームするには指を離す必要があり、ピンチした距離がどれだけ離れていてもかまいません。 これは正常な動作ですか、それともデバイス固有のバグですか？ とにかくありがとう、これは正しい方向への一歩だからです。

ボタンを押します。 この単純なアプローチでは「自然なズーム」は不可能であり、PDF.jsをあまりいじりたくありません。 これは私のアドオンの目標ではありません。

ただし、指の移動距離によっては、複数のボタンを押すことができるはずです。 やってみます。

コードを見ると、これは実行可能な解決策ではなく、適切な回避策でもありません。 これは、ズームイベントを監視し、jQueryで[-] [+]ボタンのクリックをシミュレートするだけです。

私は提案を受け入れていますが、これはPDF.jsをFirefox内のPDFビューアとして使用できるようにしたいアドオンの一部であるため、大幅な変更は行いません。

ところで：私のコードにはjQueryが1行もありません。 これは生のJavaScriptです。

指を動かしながらズームステップを実行することは実際に可能であるはずです...
さらに改善を試みますが、使用する通信パスは、リモートコントロールする2つのボタンだけです。 このようにして、私のコードはPDF.jsに干渉しません。

ところで：私のコードにはjQueryが1行もありません。 これは生のJavaScriptです。

私は正直に立っています。 すぐに成熟した解決策を望んでいます。

これを実現する方法は、ピンチズーム中にcss変換を使用することです。 また、ズームだけでなく、指の動きも適用する必要があります。 次に、ピンチズーム終了時に、css変換をリセットし、実際のズームを適用してpdf.jsにスクロールできます。

PS非jQueryプロジェクト内でjQueryを使用することは、私にはすでに悪い習慣のように思えます。

PS非jQueryプロジェクト内でjQueryを使用することは、私にはすでに悪い習慣のように思えます。

@ M-ReimerはどこでJQueryを使用しますか？ 彼がすでに述べたように、彼の回避策はプレーンなJavascriptのみを使用します。

ええ..私の悪い。 つまり、このソリューションはうまく機能しません。

指の間の距離がズーム量を変更するように更新されました。
https://github.com/M-Reimer/android-pdf-js/blob/master/patches/pdfjs-pinch-gestures.js
何らかの理由で、実際のズームと再描画によってタッチイベントが何らかの理由で「終了」するため、指を動かしながらズームすることはできません。
繰り返しますが、ジェスチャーをまったく処理しないよりはましです。

@ M-Reimerお疲れ様でした。 少なくとも、前回のバージョンと比較して改善されています。 ズーム中に再描画するための解決策を誰かが見つけたのかもしれません。 または、css変換を使用して一時的にズームし、タッチジェスチャが終了した後に最終的に再描画することもできます。

@anvakaケースを、かなり単純な解決策が

私は@squallstarソリューションに基づいてバージョンを作成しました。これは、ピンチ移動中にcss変換を使用して、より多くのユーザーフィードバックを提供します。 レンダリングはタッチエンドでのみ行われます。 完璧ではありません。レンダリング後のスクロールの配置に小さな問題がいくつかありますが、誰かがそれを出発点として使用できる可能性があります。

https://gist.github.com/jsprpalm/12217feab2f1acc14bd8e8508291619e

この問題の修正はまだありませんか？ モバイルでpdf.jsを使用したいのですが、ズーム機能がないと、小さな画面ではほとんど役に立ちません。

Hammer.jsを使用せずに動作させましたが、顧客プロジェクト用であったため、コードを共有できません。 ピンチとダブルタップを実装し、cssでズームし、ピンチェンドでpdf.jsをズームしました。 一部の要素は幅/高さを設定する必要があり、一部はcss-transformで変換できます。 また、ズーム中はpdf.jsviewer.jsのスクロールウォッチを防止する必要があります。 かなりの時間がかかりましたが、最終的にはかなりうまくいきました。

この問題の修正はまだありませんか？ モバイルでpdf.jsを使用したいのですが、ズーム機能がないと、小さな画面ではほとんど役に立ちません。

開発者がソリューションを提供するためのpdf.jsコードベースの手順を経験するまでは、pdf.jsを実装する各人が何かをまとめる必要があります。 このプロジェクトの優先事項ではないようです。

これは、それほど困難なく統合できるPRです。

https://github.com/box/box-content-preview/pull/567

https://gist.github.com/jsprpalm/12217feab2f1acc14bd8e8508291619e

@jsprpalmありがとうございました修正が必要です誰かが修正するのを手伝ってください

@aidrouge https://gist.github.com/larsneo/bb75616e9426ae589f50e8c8411020f6

@aidrouge https://gist.github.com/larsneo/bb75616e9426ae589f50e8c8411020f6

これをPDFビューアアドオンに追加しました。 かなりうまく機能しているようです。
https://addons.mozilla.org/android/addon/android-pdf-js/

編集：私のために働く

これをより自然に設定して作業する私にとって：

<meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=10.0, minimum-scale=1.0"
    />

最小ズームを設定するにはどうすればよいですか？ 画像をドットに変えるほど縮小できます。

@KazysNoobiysと同じ質問があります。
ビューポートの最小スケールはズームに影響しません

私は別の回避策に取り組んでいます：さまざまなスワイプ機能を処理するためにpdf.jsをオーバーレイする透明なcssレイヤー。 オーバーレイ部分は機能するようになりましたが、どの関数を呼び出すべきかわかりません。
if（swipe == 'left'）????
次のページに進んだり、前のページにバックアップしたり、ズームしたりするには、どの関数を呼び出しますか？

時間と労力を節約し、.htmlファイルを次のように編集します

// delete the 'maximum-scale'
<meta name="viewport" content="width=device-width, initial-scale=1">

例えば。 https://github.com/mozilla/pdf.js/blob/master/web/viewer.html#L26