Compare commits

...

6 Commits

Author SHA1 Message Date
Tim van der Meij
2d1833b566
Merge pull request #19663 from timvandermeij/bump
Bump the stable version in `pdfjs.config`
2025-03-15 19:19:22 +01:00
Tim van der Meij
a1bcd789b9
Bump the stable version in pdfjs.config 2025-03-15 19:15:34 +01:00
Tim van der Meij
23972e1946
Merge pull request #19661 from Snuffleupagus/thumbnails-inline-finishRenderTask
Inline the `PDFThumbnailView.prototype.#finishRenderTask`  helper method
2025-03-15 18:46:26 +01:00
Jonas Jenwald
6548c9f1f6 Inline the PDFThumbnailView.prototype.#finishRenderTask helper method
Given that the `draw` method is already asynchronous we can easily inline this old helper method, which shortens the code and improves consistency in the code-base (note the `BasePDFPageView`-implementation).
2025-03-15 14:19:16 +01:00
Jonas Jenwald
7ee061bcf1 Add a helper function, in web/pdf_thumbnail_view.js, for "zeroing" a canvas
This removes a tiny bit of code duplication.
2025-03-15 13:24:52 +01:00
Jonas Jenwald
b7eef925ac Shorten the PDFThumbnailView.prototype.#getReducedImageDims method (PR 19635 follow-up)
This method is slightly more verbose than necessary, hence we can shorten the code a little bit.
2025-03-15 13:19:34 +01:00
2 changed files with 47 additions and 56 deletions

View File

@ -1,5 +1,5 @@
{ {
"stableVersion": "4.10.38", "stableVersion": "5.0.375",
"baseVersion": "7a57af12e13a47927c460e6b739a6ca132e7603d", "baseVersion": "7a57af12e13a47927c460e6b739a6ca132e7603d",
"versionPrefix": "5.0." "versionPrefix": "5.0."
} }

View File

@ -31,6 +31,13 @@ const DRAW_UPSCALE_FACTOR = 2; // See comment in `PDFThumbnailView.draw` below.
const MAX_NUM_SCALING_STEPS = 3; const MAX_NUM_SCALING_STEPS = 3;
const THUMBNAIL_WIDTH = 98; // px const THUMBNAIL_WIDTH = 98; // px
function zeroCanvas(c) {
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
c.width = 0;
c.height = 0;
}
/** /**
* @typedef {Object} PDFThumbnailViewOptions * @typedef {Object} PDFThumbnailViewOptions
* @property {HTMLDivElement} container - The viewer element. * @property {HTMLDivElement} container - The viewer element.
@ -74,12 +81,8 @@ class TempImageFactory {
} }
static destroyCanvas() { static destroyCanvas() {
const tempCanvas = this.#tempCanvas; if (this.#tempCanvas) {
if (tempCanvas) { zeroCanvas(this.#tempCanvas);
// Zeroing the width and height causes Firefox to release graphics
// resources immediately, which can greatly reduce memory consumption.
tempCanvas.width = 0;
tempCanvas.height = 0;
} }
this.#tempCanvas = null; this.#tempCanvas = null;
} }
@ -255,37 +258,15 @@ class PDFThumbnailView {
this.div.setAttribute("data-loaded", true); this.div.setAttribute("data-loaded", true);
this._placeholderImg.replaceWith(image); this._placeholderImg.replaceWith(image);
// Zeroing the width and height causes Firefox to release graphics zeroCanvas(reducedCanvas);
// resources immediately, which can greatly reduce memory consumption.
reducedCanvas.width = 0;
reducedCanvas.height = 0;
}
async #finishRenderTask(renderTask, canvas, error = null) {
// The renderTask may have been replaced by a new one, so only remove
// the reference to the renderTask if it matches the one that is
// triggering this callback.
if (renderTask === this.renderTask) {
this.renderTask = null;
}
if (error instanceof RenderingCancelledException) {
return;
}
this.renderingState = RenderingStates.FINISHED;
this.#convertCanvasToImage(canvas);
if (error) {
throw error;
}
} }
async draw() { async draw() {
if (this.renderingState !== RenderingStates.INITIAL) { if (this.renderingState !== RenderingStates.INITIAL) {
console.error("Must be in new state before drawing"); console.error("Must be in new state before drawing");
return undefined; return;
} }
const { pdfPage } = this; const { pageColors, pdfPage } = this;
if (!pdfPage) { if (!pdfPage) {
this.renderingState = RenderingStates.FINISHED; this.renderingState = RenderingStates.FINISHED;
@ -321,29 +302,42 @@ class PDFThumbnailView {
transform, transform,
viewport: drawViewport, viewport: drawViewport,
optionalContentConfigPromise: this._optionalContentConfigPromise, optionalContentConfigPromise: this._optionalContentConfigPromise,
pageColors: this.pageColors, pageColors,
}; };
const renderTask = (this.renderTask = pdfPage.render(renderContext)); const renderTask = (this.renderTask = pdfPage.render(renderContext));
renderTask.onContinue = renderContinueCallback; renderTask.onContinue = renderContinueCallback;
const resultPromise = renderTask.promise.then( let error = null;
() => this.#finishRenderTask(renderTask, canvas), try {
error => this.#finishRenderTask(renderTask, canvas, error) await renderTask.promise;
); } catch (e) {
resultPromise.finally(() => { if (e instanceof RenderingCancelledException) {
// Zeroing the width and height causes Firefox to release graphics zeroCanvas(canvas);
// resources immediately, which can greatly reduce memory consumption. return;
canvas.width = 0; }
canvas.height = 0; error = e;
} finally {
// The renderTask may have been replaced by a new one, so only remove
// the reference to the renderTask if it matches the one that is
// triggering this callback.
if (renderTask === this.renderTask) {
this.renderTask = null;
}
}
this.renderingState = RenderingStates.FINISHED;
this.#convertCanvasToImage(canvas);
zeroCanvas(canvas);
this.eventBus.dispatch("thumbnailrendered", { this.eventBus.dispatch("thumbnailrendered", {
source: this, source: this,
pageNumber: this.id, pageNumber: this.id,
pdfPage: this.pdfPage, pdfPage,
});
}); });
return resultPromise; if (error) {
throw error;
}
} }
setImage(pageView) { setImage(pageView) {
@ -366,8 +360,8 @@ class PDFThumbnailView {
} }
#getReducedImageDims(canvas) { #getReducedImageDims(canvas) {
let reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS, const width = canvas.width << MAX_NUM_SCALING_STEPS,
reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS; height = canvas.height << MAX_NUM_SCALING_STEPS;
const outputScale = new OutputScale(); const outputScale = new OutputScale();
// Here we're not actually "rendering" to the canvas and the `OutputScale` // Here we're not actually "rendering" to the canvas and the `OutputScale`
@ -375,15 +369,12 @@ class PDFThumbnailView {
outputScale.sx = outputScale.sy = 1; outputScale.sx = outputScale.sy = 1;
outputScale.limitCanvas( outputScale.limitCanvas(
reducedWidth, width,
reducedHeight, height,
this.maxCanvasPixels, this.maxCanvasPixels,
this.maxCanvasDim this.maxCanvasDim
); );
reducedWidth = (reducedWidth * outputScale.sx) | 0; return [(width * outputScale.sx) | 0, (height * outputScale.sy) | 0];
reducedHeight = (reducedHeight * outputScale.sy) | 0;
return [reducedWidth, reducedHeight];
} }
#reduceImage(img) { #reduceImage(img) {