Web Workers

PDFs はページサムネイルを Worker1 で描画できます。UniverPdfsUIPlugin に thumbnailWorkerURL を渡します。Worker は OffscreenCanvas を使用します。この設定はサムネイル用であり、PDF エディター全体を Worker に移すものではありません。

まずインストールと基本的な使い方を完了してください。以下のコードは既存の設定に追加するものです。コンテンツの作成や読み込み前にプラグインを登録し、登録済みのプラグインは重複登録せず設定を変更してください。

メインスレッド

TypeScript
import { UniverPdfsUIPlugin } from '@univerjs-pro/pdfs-ui'univer.registerPlugin(UniverPdfsUIPlugin, {  thumbnailWorkerURL: new Worker(new URL('./worker.ts', import.meta.url), { type: 'module' }),})

Worker のエントリー

TypeScript
import { startPdfPageThumbnailWorker } from '@univerjs-pro/pdfs-ui'startPdfPageThumbnailWorker()

モジュール Worker と専用のエントリーファイルを使用します。Worker とメインスレッドのパッケージバージョンを揃えてください。描画とユーザー操作はメインスレッドで実行されます。

Footnotes

  1. Web Worker はブラウザーのメインスレッド外で JavaScript を実行し、メッセージで通信します。ページの DOM には直接アクセスできません。計算を Worker に移しても、エディター UI は移動しません。 ↩

このガイドはいかがですか?

© 2026 DreamNum Co., Ltd.