SuperAPI AI 工具集

pdfjs-syntax-page-rendering

办公与效率

查看项目

更新于 10-15 22:18

技能介绍

用途:面向使用 PDF.js 将 PDF 页面渲染到 canvas 的开发场景,规范 viewport 创建、渲染任务管理与高 DPI 处理。

主要能力:给出渲染流水线(getDocument → getPage → getViewport → 设置 canvas → page.render → await renderTask.promise);说明图层堆叠顺序(Canvas 0、TextLayer 1、AnnotationLayer 2);提供基础渲染、缩放、旋转、取消后重渲染、OffscreenCanvas 等模式;列出 render 参数(canvasContext、viewport 必填,transform、background、annotationMode、intent 可选)及 annotationMode 取值含义。

必要用法:先配置 GlobalWorkerOptions.workerSrc;按 devicePixelRatio 同时设置 canvas 像素尺寸与 CSS 尺寸,并对上下文 ctx.scale(dpr, dpr);渲染前取消上一个 RenderTask,并 await renderTask.promise 后再访问画布;旋转角度须为 90 的倍数;大量页面用 IntersectionObserver 懒加载。

适用场景:PDF 阅读器、预览器、缩放旋转交互、Web Worker 离屏渲染。

限制:资料未提供安装命令、版本要求、浏览器兼容范围与性能基准;取消渲染会使 promise 以 "Rendering cancelled" 拒绝,需按预期处理。