mirror of
https://github.com/mozilla/pdf.js.git
synced 2025-04-18 14:18:23 +02:00
2f828c7bf4
This patch is adding some code in order to extract a drawing as curves from an image. The algorithm is basically the following: - reduce the dimensions - make it gray - apply a bilateral filter in order to add some blurryness while keeping the edges - compute the histogram - guess what's the background color which should contain a large majority of the pixels - make a binary image - extract the contours in using the Suzuki algorithm - apply the Douglas-Peucker algorithm in order to reduce the number of points The algorithm is improvable but it should work pretty well if there's a clear difference between the background and the drawing. In a v2 we could use a ML model in order to improve the extraction. There's few changes related to the UI in order to make the tool usable, but they're very basic for the moment.
129 lines
3.3 KiB
JavaScript
129 lines
3.3 KiB
JavaScript
/* Copyright 2024 Mozilla Foundation
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { noContextMenu } from "pdfjs-lib";
|
|
|
|
class EditorUndoBar {
|
|
#closeButton = null;
|
|
|
|
#container;
|
|
|
|
#eventBus = null;
|
|
|
|
#focusTimeout = null;
|
|
|
|
#initController = null;
|
|
|
|
isOpen = false;
|
|
|
|
#message;
|
|
|
|
#showController = null;
|
|
|
|
#undoButton;
|
|
|
|
static #l10nMessages = Object.freeze({
|
|
highlight: "pdfjs-editor-undo-bar-message-highlight",
|
|
freetext: "pdfjs-editor-undo-bar-message-freetext",
|
|
stamp: "pdfjs-editor-undo-bar-message-stamp",
|
|
ink: "pdfjs-editor-undo-bar-message-ink",
|
|
signature: "pdfjs-editor-undo-bar-message-signature",
|
|
_multiple: "pdfjs-editor-undo-bar-message-multiple",
|
|
});
|
|
|
|
constructor({ container, message, undoButton, closeButton }, eventBus) {
|
|
this.#container = container;
|
|
this.#message = message;
|
|
this.#undoButton = undoButton;
|
|
this.#closeButton = closeButton;
|
|
this.#eventBus = eventBus;
|
|
}
|
|
|
|
destroy() {
|
|
this.#initController?.abort();
|
|
this.#initController = null;
|
|
|
|
this.hide();
|
|
}
|
|
|
|
show(undoAction, messageData) {
|
|
if (!this.#initController) {
|
|
this.#initController = new AbortController();
|
|
const opts = { signal: this.#initController.signal };
|
|
const boundHide = this.hide.bind(this);
|
|
|
|
this.#container.addEventListener("contextmenu", noContextMenu, opts);
|
|
this.#closeButton.addEventListener("click", boundHide, opts);
|
|
this.#eventBus._on("beforeprint", boundHide, opts);
|
|
this.#eventBus._on("download", boundHide, opts);
|
|
}
|
|
|
|
this.hide();
|
|
|
|
if (typeof messageData === "string") {
|
|
this.#message.setAttribute(
|
|
"data-l10n-id",
|
|
EditorUndoBar.#l10nMessages[messageData]
|
|
);
|
|
} else {
|
|
this.#message.setAttribute(
|
|
"data-l10n-id",
|
|
EditorUndoBar.#l10nMessages._multiple
|
|
);
|
|
this.#message.setAttribute(
|
|
"data-l10n-args",
|
|
JSON.stringify({ count: messageData })
|
|
);
|
|
}
|
|
this.isOpen = true;
|
|
this.#container.hidden = false;
|
|
|
|
this.#showController = new AbortController();
|
|
|
|
this.#undoButton.addEventListener(
|
|
"click",
|
|
() => {
|
|
undoAction();
|
|
this.hide();
|
|
},
|
|
{ signal: this.#showController.signal }
|
|
);
|
|
|
|
// Without the setTimeout, VoiceOver will read out the document title
|
|
// instead of the popup label.
|
|
this.#focusTimeout = setTimeout(() => {
|
|
this.#container.focus();
|
|
this.#focusTimeout = null;
|
|
}, 100);
|
|
}
|
|
|
|
hide() {
|
|
if (!this.isOpen) {
|
|
return;
|
|
}
|
|
this.isOpen = false;
|
|
this.#container.hidden = true;
|
|
|
|
this.#showController?.abort();
|
|
this.#showController = null;
|
|
|
|
if (this.#focusTimeout) {
|
|
clearTimeout(this.#focusTimeout);
|
|
this.#focusTimeout = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
export { EditorUndoBar };
|