Martynas Bagdonas
parent
a5393ca0e5
commit
7afbdd2150
5 changed files with 70 additions and 463 deletions
|
|
@ -1305,7 +1305,7 @@ class EditorInstance {
|
||||||
if (annotation.annotationType === 'image'
|
if (annotation.annotationType === 'image'
|
||||||
&& !await Zotero.Annotations.hasCacheImage(annotation)) {
|
&& !await Zotero.Annotations.hasCacheImage(annotation)) {
|
||||||
try {
|
try {
|
||||||
await Zotero.PDFRenderer.renderAttachmentAnnotations(annotation.parentID);
|
await Zotero.PDFWorker.renderAttachmentAnnotations(annotation.parentID);
|
||||||
}
|
}
|
||||||
catch (e) {
|
catch (e) {
|
||||||
Zotero.debug(e);
|
Zotero.debug(e);
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,6 @@
|
||||||
const WORKER_URL = 'chrome://zotero/content/xpcom/pdfWorker/worker.js';
|
const WORKER_URL = 'chrome://zotero/content/xpcom/pdfWorker/worker.js';
|
||||||
const CMAPS_URL = 'resource://zotero/reader/pdf/web/cmaps/';
|
const CMAPS_URL = 'resource://zotero/reader/pdf/web/cmaps/';
|
||||||
const STANDARD_FONTS_URL = 'resource://zotero/reader/pdf/web/standard_fonts/';
|
const STANDARD_FONTS_URL = 'resource://zotero/reader/pdf/web/standard_fonts/';
|
||||||
const RENDERER_URL = 'resource://zotero/pdf-renderer/renderer.html';
|
|
||||||
|
|
||||||
class PDFWorker {
|
class PDFWorker {
|
||||||
constructor() {
|
constructor() {
|
||||||
|
|
@ -129,6 +128,21 @@ class PDFWorker {
|
||||||
Zotero.debug('Failed to fetch standard font data:');
|
Zotero.debug('Failed to fetch standard font data:');
|
||||||
Zotero.debug(e);
|
Zotero.debug(e);
|
||||||
}
|
}
|
||||||
|
try {
|
||||||
|
if (message.action === 'SaveRenderedAnnotation') {
|
||||||
|
let { libraryID, annotationKey, buf } = message.data;
|
||||||
|
let annotationItem = Zotero.Items.getByLibraryAndKey(libraryID, annotationKey);
|
||||||
|
let win = Zotero.getMainWindow();
|
||||||
|
let blob = new win.Blob([new Uint8Array(buf)]);
|
||||||
|
await Zotero.Annotations.saveCacheImage(annotationItem, blob);
|
||||||
|
await Zotero.Notifier.trigger('modify', 'item', [annotationItem.id]);
|
||||||
|
respData = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
Zotero.debug('Failed to save rendered annotation:');
|
||||||
|
Zotero.logError(e);
|
||||||
|
}
|
||||||
this._worker.postMessage({ responseID: event.data.id, data: respData });
|
this._worker.postMessage({ responseID: event.data.id, data: respData });
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
@ -690,6 +704,59 @@ class PDFWorker {
|
||||||
}, isPriority);
|
}, isPriority);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async renderAttachmentAnnotations(itemID, isPriority, password) {
|
||||||
|
return this._enqueue(async () => {
|
||||||
|
let attachment = await Zotero.Items.getAsync(itemID);
|
||||||
|
let t = new Date();
|
||||||
|
|
||||||
|
if (!attachment.isPDFAttachment()) {
|
||||||
|
throw new Error('Item must be a PDF attachment');
|
||||||
|
}
|
||||||
|
|
||||||
|
let annotations = [];
|
||||||
|
for (let annotation of attachment.getAnnotations()) {
|
||||||
|
if (['image', 'ink'].includes(annotation.annotationType)
|
||||||
|
&& !await Zotero.Annotations.hasCacheImage(annotation)) {
|
||||||
|
annotations.push({
|
||||||
|
id: annotation.key,
|
||||||
|
color: annotation.annotationColor,
|
||||||
|
position: JSON.parse(annotation.annotationPosition)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!annotations.length) {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
Zotero.debug(`Rendering ${annotations.length} annotation(s) for attachment ${attachment.key}`);
|
||||||
|
|
||||||
|
let path = await attachment.getFilePathAsync();
|
||||||
|
let buf = await OS.File.read(path, {});
|
||||||
|
buf = new Uint8Array(buf).buffer;
|
||||||
|
|
||||||
|
let { libraryID } = attachment;
|
||||||
|
|
||||||
|
try {
|
||||||
|
var result = await this._query('renderAnnotations', { libraryID, buf, annotations, password }, [buf]);
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
let error = new Error(`Worker 'renderAnnotations' failed: ${JSON.stringify({ error: e.message })}`);
|
||||||
|
try {
|
||||||
|
error.name = JSON.parse(e.message).name;
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
Zotero.logError(e);
|
||||||
|
}
|
||||||
|
Zotero.logError(error);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
|
||||||
|
Zotero.debug(`Rendered ${annotations.length} PDF annotation(s) ${attachment.libraryKey} in ${new Date() - t} ms`);
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}, isPriority);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Determine whether the PDF has any embedded annotations
|
* Determine whether the PDF has any embedded annotations
|
||||||
*
|
*
|
||||||
|
|
@ -733,185 +800,3 @@ class PDFWorker {
|
||||||
}
|
}
|
||||||
|
|
||||||
Zotero.PDFWorker = new PDFWorker();
|
Zotero.PDFWorker = new PDFWorker();
|
||||||
|
|
||||||
|
|
||||||
// PDF Renderer
|
|
||||||
class PDFRenderer {
|
|
||||||
constructor() {
|
|
||||||
this._browser = null;
|
|
||||||
this._lastPromiseID = 0;
|
|
||||||
this._waitingPromises = {};
|
|
||||||
this._queue = [];
|
|
||||||
this._processingQueue = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
async _processQueue() {
|
|
||||||
await this._init();
|
|
||||||
if (this._processingQueue) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this._processingQueue = true;
|
|
||||||
let item;
|
|
||||||
while ((item = this._queue.shift())) {
|
|
||||||
if (item) {
|
|
||||||
let [fn, resolve, reject] = item;
|
|
||||||
try {
|
|
||||||
resolve(await fn());
|
|
||||||
}
|
|
||||||
catch (e) {
|
|
||||||
reject(e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this._processingQueue = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
async _enqueue(fn, isPriority) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
if (isPriority) {
|
|
||||||
this._queue.unshift([fn, resolve, reject]);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
this._queue.push([fn, resolve, reject]);
|
|
||||||
}
|
|
||||||
this._processQueue();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async _query(action, data, transfer) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
this._lastPromiseID++;
|
|
||||||
this._waitingPromises[this._lastPromiseID] = { resolve, reject };
|
|
||||||
this._browser.contentWindow.postMessage({
|
|
||||||
id: this._lastPromiseID,
|
|
||||||
action,
|
|
||||||
data
|
|
||||||
}, this._browser.contentWindow.origin, transfer);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async _init() {
|
|
||||||
if (this._browser) return;
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
this._browser = Zotero.Browser.createHiddenBrowser();
|
|
||||||
let doc = this._browser.ownerDocument;
|
|
||||||
let container = doc.createXULElement('hbox');
|
|
||||||
container.style.position = 'fixed';
|
|
||||||
container.style.zIndex = '-1';
|
|
||||||
container.append(this._browser);
|
|
||||||
doc.documentElement.append(container);
|
|
||||||
this._browser.style.width = '1px';
|
|
||||||
this._browser.style.height = '1px';
|
|
||||||
this._browser.addEventListener('DOMContentLoaded', (event) => {
|
|
||||||
if (this._browser.contentWindow.location.href === 'about:blank') return;
|
|
||||||
this._browser.contentWindow.addEventListener('message', _handleMessage);
|
|
||||||
});
|
|
||||||
this._browser.loadURI(Services.io.newURI(RENDERER_URL));
|
|
||||||
|
|
||||||
let _handleMessage = async (event) => {
|
|
||||||
if (event.source !== this._browser.contentWindow) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let message = event.data;
|
|
||||||
if (message.responseID) {
|
|
||||||
let { resolve, reject } = this._waitingPromises[message.responseID];
|
|
||||||
delete this._waitingPromises[message.responseID];
|
|
||||||
if (message.data) {
|
|
||||||
resolve(message.data);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
let err = new Error(message.error.message);
|
|
||||||
Object.assign(err, message.error);
|
|
||||||
reject(err);
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (message.action === 'initialized') {
|
|
||||||
this._browser.contentWindow.postMessage(
|
|
||||||
{ responseID: message.id, data: {} },
|
|
||||||
this._browser.contentWindow.origin
|
|
||||||
);
|
|
||||||
resolve();
|
|
||||||
}
|
|
||||||
else if (message.action === 'renderedAnnotation') {
|
|
||||||
let { id, image } = message.data.annotation;
|
|
||||||
|
|
||||||
try {
|
|
||||||
let item = await Zotero.Items.getAsync(id);
|
|
||||||
let win = Zotero.getMainWindow();
|
|
||||||
let blob = new win.Blob([new Uint8Array(image)]);
|
|
||||||
await Zotero.Annotations.saveCacheImage(item, blob);
|
|
||||||
await Zotero.Notifier.trigger('modify', 'item', [item.id]);
|
|
||||||
} catch (e) {
|
|
||||||
Zotero.logError(e);
|
|
||||||
}
|
|
||||||
|
|
||||||
this._browser.contentWindow.postMessage(
|
|
||||||
{ responseID: message.id, data: {} },
|
|
||||||
this._browser.contentWindow.origin
|
|
||||||
);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render missing image annotation images for attachment
|
|
||||||
*
|
|
||||||
* @param {Integer} itemID Attachment item id
|
|
||||||
* @param {Boolean} [isPriority]
|
|
||||||
* @returns {Promise<Integer>}
|
|
||||||
*/
|
|
||||||
async renderAttachmentAnnotations(itemID, isPriority) {
|
|
||||||
return this._enqueue(async () => {
|
|
||||||
let attachment = await Zotero.Items.getAsync(itemID);
|
|
||||||
let annotations = [];
|
|
||||||
for (let annotation of attachment.getAnnotations()) {
|
|
||||||
if (['image', 'ink'].includes(annotation.annotationType)
|
|
||||||
&& !await Zotero.Annotations.hasCacheImage(annotation)) {
|
|
||||||
annotations.push({
|
|
||||||
id: annotation.id,
|
|
||||||
color: annotation.annotationColor,
|
|
||||||
position: JSON.parse(annotation.annotationPosition)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!annotations.length) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
let path = await attachment.getFilePathAsync();
|
|
||||||
let buf = await IOUtils.read(path);
|
|
||||||
buf = new Uint8Array(buf).buffer;
|
|
||||||
return this._query('renderAnnotations', { buf, annotations }, [buf]);
|
|
||||||
}, isPriority);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render image annotation image
|
|
||||||
*
|
|
||||||
* @param {Integer} itemID Attachment item id
|
|
||||||
* @param {Boolean} [isPriority]
|
|
||||||
* @returns {Promise<Boolean>}
|
|
||||||
*/
|
|
||||||
async renderAnnotation(itemID, isPriority) {
|
|
||||||
return this._enqueue(async () => {
|
|
||||||
let annotation = await Zotero.Items.getAsync(itemID);
|
|
||||||
if (await Zotero.Annotations.hasCacheImage(annotation)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
let attachment = await Zotero.Items.getAsync(annotation.parentID);
|
|
||||||
let path = await attachment.getFilePathAsync();
|
|
||||||
let buf = await IOUtils.read(path);
|
|
||||||
buf = new Uint8Array(buf).buffer;
|
|
||||||
let annotations = [{
|
|
||||||
id: annotation.id,
|
|
||||||
color: annotation.annotationColor,
|
|
||||||
position: JSON.parse(annotation.annotationPosition)
|
|
||||||
}];
|
|
||||||
return !!await this._query('renderAnnotations', { buf, annotations }, [buf]);
|
|
||||||
}, isPriority);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Zotero.PDFRenderer = new PDFRenderer();
|
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit 613e4a78f3c2176c339c0583f678c343466cbf76
|
Subproject commit b05d24b9a473a9bc323c1dab01e8bc5aa0581b92
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>PDF Renderer</title>
|
|
||||||
<script src="resource://zotero/reader/pdf.js"></script>
|
|
||||||
<script src="renderer.js"></script>
|
|
||||||
</head>
|
|
||||||
<body></body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,268 +0,0 @@
|
||||||
/*
|
|
||||||
***** BEGIN LICENSE BLOCK *****
|
|
||||||
|
|
||||||
Copyright © 2021 Corporation for Digital Scholarship
|
|
||||||
Vienna, Virginia, USA
|
|
||||||
http://digitalscholar.org/
|
|
||||||
|
|
||||||
This file is part of Zotero.
|
|
||||||
|
|
||||||
Zotero is free software: you can redistribute it and/or modify
|
|
||||||
it under the terms of the GNU Affero General Public License as published by
|
|
||||||
the Free Software Foundation, either version 3 of the License, or
|
|
||||||
(at your option) any later version.
|
|
||||||
|
|
||||||
Zotero is distributed in the hope that it will be useful,
|
|
||||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
GNU Affero General Public License for more details.
|
|
||||||
|
|
||||||
You should have received a copy of the GNU Affero General Public License
|
|
||||||
along with Zotero. If not, see <http://www.gnu.org/licenses/>.
|
|
||||||
|
|
||||||
***** END LICENSE BLOCK *****
|
|
||||||
*/
|
|
||||||
|
|
||||||
const SCALE = 4;
|
|
||||||
const PATH_BOX_PADDING = 10; // pt
|
|
||||||
const MIN_PATH_BOX_SIZE = 30; // pt
|
|
||||||
const MAX_CANVAS_PIXELS = 16777216; // 16 megapixels
|
|
||||||
|
|
||||||
window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'resource://zotero/pdf-reader/pdf.worker.js';
|
|
||||||
|
|
||||||
function errObject(err) {
|
|
||||||
return JSON.parse(JSON.stringify(err, Object.getOwnPropertyNames(err)));
|
|
||||||
}
|
|
||||||
|
|
||||||
let lastPromiseID = 0;
|
|
||||||
let waitingPromises = {};
|
|
||||||
|
|
||||||
async function query(action, data, transfer) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
lastPromiseID++;
|
|
||||||
waitingPromises[lastPromiseID] = { resolve, reject };
|
|
||||||
parent.postMessage({
|
|
||||||
id: lastPromiseID,
|
|
||||||
action,
|
|
||||||
data
|
|
||||||
}, parent.origin, transfer);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function renderAnnotations(buf, annotations) {
|
|
||||||
let num = 0;
|
|
||||||
let pdfDocument = await window.pdfjsLib.getDocument({ data: buf }).promise;
|
|
||||||
for (let annotation of annotations) {
|
|
||||||
let canvas = await renderImage(pdfDocument, annotation);
|
|
||||||
let blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
|
|
||||||
let image = await new Response(blob).arrayBuffer();
|
|
||||||
await query('renderedAnnotation', { annotation: { id: annotation.id, image } }, [image]);
|
|
||||||
num++;
|
|
||||||
}
|
|
||||||
return num;
|
|
||||||
}
|
|
||||||
|
|
||||||
function p2v(position, viewport) {
|
|
||||||
if (position.rects) {
|
|
||||||
return {
|
|
||||||
pageIndex: position.pageIndex,
|
|
||||||
rects: position.rects.map((rect) => {
|
|
||||||
let [x1, y2] = viewport.convertToViewportPoint(rect[0], rect[1]);
|
|
||||||
let [x2, y1] = viewport.convertToViewportPoint(rect[2], rect[3]);
|
|
||||||
return [
|
|
||||||
Math.min(x1, x2),
|
|
||||||
Math.min(y1, y2),
|
|
||||||
Math.max(x1, x2),
|
|
||||||
Math.max(y1, y2)
|
|
||||||
];
|
|
||||||
})
|
|
||||||
};
|
|
||||||
}
|
|
||||||
else if (position.paths) {
|
|
||||||
return {
|
|
||||||
pageIndex: position.pageIndex,
|
|
||||||
width: position.width * viewport.scale,
|
|
||||||
paths: position.paths.map((path) => {
|
|
||||||
let vpath = [];
|
|
||||||
for (let i = 0; i < path.length - 1; i += 2) {
|
|
||||||
let x = path[i];
|
|
||||||
let y = path[i + 1];
|
|
||||||
vpath.push(...viewport.convertToViewportPoint(x, y));
|
|
||||||
}
|
|
||||||
return vpath;
|
|
||||||
})
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function fitRectIntoRect(rect, containingRect) {
|
|
||||||
return [
|
|
||||||
Math.max(rect[0], containingRect[0]),
|
|
||||||
Math.max(rect[1], containingRect[1]),
|
|
||||||
Math.min(rect[2], containingRect[2]),
|
|
||||||
Math.min(rect[3], containingRect[3])
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPositionBoundingRect(position) {
|
|
||||||
if (position.rects) {
|
|
||||||
return [
|
|
||||||
Math.min(...position.rects.map(x => x[0])),
|
|
||||||
Math.min(...position.rects.map(x => x[1])),
|
|
||||||
Math.max(...position.rects.map(x => x[2])),
|
|
||||||
Math.max(...position.rects.map(x => x[3]))
|
|
||||||
];
|
|
||||||
}
|
|
||||||
else if (position.paths) {
|
|
||||||
let x = position.paths[0][0];
|
|
||||||
let y = position.paths[0][1];
|
|
||||||
let rect = [x, y, x, y];
|
|
||||||
for (let path of position.paths) {
|
|
||||||
for (let i = 0; i < path.length - 1; i += 2) {
|
|
||||||
let x = path[i];
|
|
||||||
let y = path[i + 1];
|
|
||||||
rect[0] = Math.min(rect[0], x);
|
|
||||||
rect[1] = Math.min(rect[1], y);
|
|
||||||
rect[2] = Math.max(rect[2], x);
|
|
||||||
rect[3] = Math.max(rect[3], y);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return rect;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function renderImage(pdfDocument, annotation) {
|
|
||||||
let { position, color } = annotation;
|
|
||||||
|
|
||||||
let page = await pdfDocument.getPage(position.pageIndex + 1);
|
|
||||||
|
|
||||||
// Create a new position that just contains single rect that is a bounding
|
|
||||||
// box of image or ink annotations
|
|
||||||
let expandedPosition = { pageIndex: position.pageIndex };
|
|
||||||
if (position.rects) {
|
|
||||||
// Image annotations have only one rect
|
|
||||||
expandedPosition.rects = position.rects;
|
|
||||||
}
|
|
||||||
// paths
|
|
||||||
else {
|
|
||||||
let rect = getPositionBoundingRect(position);
|
|
||||||
rect = [
|
|
||||||
rect[0] - PATH_BOX_PADDING,
|
|
||||||
rect[1] - PATH_BOX_PADDING,
|
|
||||||
rect[2] + PATH_BOX_PADDING,
|
|
||||||
rect[3] + PATH_BOX_PADDING
|
|
||||||
];
|
|
||||||
|
|
||||||
if (rect[2] - rect[0] < MIN_PATH_BOX_SIZE) {
|
|
||||||
let x = rect[0] + (rect[2] - rect[0]) / 2;
|
|
||||||
rect[0] = x - MIN_PATH_BOX_SIZE;
|
|
||||||
rect[2] = x + MIN_PATH_BOX_SIZE;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (rect[3] - rect[1] < MIN_PATH_BOX_SIZE) {
|
|
||||||
let y = rect[1] + (rect[3] - rect[1]) / 2;
|
|
||||||
rect[1] = y - MIN_PATH_BOX_SIZE;
|
|
||||||
rect[3] = y + MIN_PATH_BOX_SIZE;
|
|
||||||
}
|
|
||||||
|
|
||||||
expandedPosition.rects = [fitRectIntoRect(rect, page.view)];
|
|
||||||
}
|
|
||||||
|
|
||||||
let rect = expandedPosition.rects[0];
|
|
||||||
let maxScale = Math.sqrt(
|
|
||||||
MAX_CANVAS_PIXELS
|
|
||||||
/ ((rect[2] - rect[0]) * (rect[3] - rect[1]))
|
|
||||||
);
|
|
||||||
let scale = Math.min(SCALE, maxScale);
|
|
||||||
|
|
||||||
expandedPosition = p2v(expandedPosition, page.getViewport({ scale }));
|
|
||||||
rect = expandedPosition.rects[0];
|
|
||||||
|
|
||||||
let viewport = page.getViewport({ scale, offsetX: -rect[0], offsetY: -rect[1] });
|
|
||||||
position = p2v(position, viewport);
|
|
||||||
|
|
||||||
let canvasWidth = (rect[2] - rect[0]);
|
|
||||||
let canvasHeight = (rect[3] - rect[1]);
|
|
||||||
|
|
||||||
let canvas = document.createElement('canvas');
|
|
||||||
|
|
||||||
let ctx = canvas.getContext('2d', { alpha: false });
|
|
||||||
|
|
||||||
if (!canvasWidth || !canvasHeight) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
canvas.width = canvasWidth;
|
|
||||||
canvas.height = canvasHeight;
|
|
||||||
canvas.style.width = canvasWidth + 'px';
|
|
||||||
canvas.style.height = canvasHeight + 'px';
|
|
||||||
|
|
||||||
let renderContext = {
|
|
||||||
canvasContext: ctx,
|
|
||||||
viewport: viewport
|
|
||||||
};
|
|
||||||
|
|
||||||
await page.render(renderContext).promise;
|
|
||||||
|
|
||||||
if (position.paths) {
|
|
||||||
ctx.lineCap = 'round';
|
|
||||||
ctx.lineJoin = 'round';
|
|
||||||
ctx.lineWidth = position.width;
|
|
||||||
ctx.beginPath();
|
|
||||||
ctx.strokeStyle = color;
|
|
||||||
for (let path of position.paths) {
|
|
||||||
for (let i = 0; i < path.length - 1; i += 2) {
|
|
||||||
let x = path[i];
|
|
||||||
let y = path[i + 1];
|
|
||||||
|
|
||||||
if (i === 0) {
|
|
||||||
ctx.moveTo(x, y);
|
|
||||||
}
|
|
||||||
ctx.lineTo(x, y);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ctx.stroke();
|
|
||||||
}
|
|
||||||
|
|
||||||
return canvas;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener('message', async (event) => {
|
|
||||||
if (event.source === parent) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let message = event.data;
|
|
||||||
|
|
||||||
if (message.responseID) {
|
|
||||||
let { resolve, reject } = waitingPromises[message.responseID];
|
|
||||||
delete waitingPromises[message.responseID];
|
|
||||||
if (message.data) {
|
|
||||||
resolve(message.data);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
let err = new Error(message.error.message);
|
|
||||||
Object.assign(err, message.error);
|
|
||||||
reject(err);
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (message.action === 'renderAnnotations') {
|
|
||||||
try {
|
|
||||||
let { buf, annotations } = message.data;
|
|
||||||
let num = await renderAnnotations(buf, annotations);
|
|
||||||
parent.postMessage({ responseID: message.id, data: num }, parent.origin);
|
|
||||||
}
|
|
||||||
catch (e) {
|
|
||||||
console.log(e);
|
|
||||||
parent.postMessage({
|
|
||||||
responseID: message.id,
|
|
||||||
error: errObject(e)
|
|
||||||
}, parent.origin);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
query('initialized', {});
|
|
||||||
}, 100);
|
|
||||||
Loading…
Reference in a new issue