mirror of
https://github.com/mozilla/pdf.js.git
synced 2025-04-19 06:38:07 +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.
288 lines
13 KiB
JavaScript
288 lines
13 KiB
JavaScript
/* Copyright 2016 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 { RenderingStates, ScrollMode, SpreadMode } from "./ui_utils.js";
|
|
import { AppOptions } from "./app_options.js";
|
|
import { LinkTarget } from "./pdf_link_service.js";
|
|
import { PDFViewerApplication } from "./app.js";
|
|
|
|
/* eslint-disable-next-line no-unused-vars */
|
|
const pdfjsVersion =
|
|
typeof PDFJSDev !== "undefined" ? PDFJSDev.eval("BUNDLE_VERSION") : void 0;
|
|
/* eslint-disable-next-line no-unused-vars */
|
|
const pdfjsBuild =
|
|
typeof PDFJSDev !== "undefined" ? PDFJSDev.eval("BUNDLE_BUILD") : void 0;
|
|
|
|
const AppConstants =
|
|
typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")
|
|
? { LinkTarget, RenderingStates, ScrollMode, SpreadMode }
|
|
: null;
|
|
|
|
window.PDFViewerApplication = PDFViewerApplication;
|
|
window.PDFViewerApplicationConstants = AppConstants;
|
|
window.PDFViewerApplicationOptions = AppOptions;
|
|
|
|
function getViewerConfiguration() {
|
|
return {
|
|
appContainer: document.body,
|
|
principalContainer: document.getElementById("mainContainer"),
|
|
mainContainer: document.getElementById("viewerContainer"),
|
|
viewerContainer: document.getElementById("viewer"),
|
|
toolbar: {
|
|
container: document.getElementById("toolbarContainer"),
|
|
numPages: document.getElementById("numPages"),
|
|
pageNumber: document.getElementById("pageNumber"),
|
|
scaleSelect: document.getElementById("scaleSelect"),
|
|
customScaleOption: document.getElementById("customScaleOption"),
|
|
previous: document.getElementById("previous"),
|
|
next: document.getElementById("next"),
|
|
zoomIn: document.getElementById("zoomInButton"),
|
|
zoomOut: document.getElementById("zoomOutButton"),
|
|
print: document.getElementById("printButton"),
|
|
editorFreeTextButton: document.getElementById("editorFreeTextButton"),
|
|
editorFreeTextParamsToolbar: document.getElementById(
|
|
"editorFreeTextParamsToolbar"
|
|
),
|
|
editorHighlightButton: document.getElementById("editorHighlightButton"),
|
|
editorHighlightParamsToolbar: document.getElementById(
|
|
"editorHighlightParamsToolbar"
|
|
),
|
|
editorHighlightColorPicker: document.getElementById(
|
|
"editorHighlightColorPicker"
|
|
),
|
|
editorInkButton: document.getElementById("editorInkButton"),
|
|
editorInkParamsToolbar: document.getElementById("editorInkParamsToolbar"),
|
|
editorStampButton: document.getElementById("editorStampButton"),
|
|
editorStampParamsToolbar: document.getElementById(
|
|
"editorStampParamsToolbar"
|
|
),
|
|
editorSignatureButton: document.getElementById("editorSignatureButton"),
|
|
editorSignatureParamsToolbar: document.getElementById(
|
|
"editorSignatureParamsToolbar"
|
|
),
|
|
download: document.getElementById("downloadButton"),
|
|
},
|
|
secondaryToolbar: {
|
|
toolbar: document.getElementById("secondaryToolbar"),
|
|
toggleButton: document.getElementById("secondaryToolbarToggleButton"),
|
|
presentationModeButton: document.getElementById("presentationMode"),
|
|
openFileButton:
|
|
typeof PDFJSDev === "undefined" || PDFJSDev.test("GENERIC")
|
|
? document.getElementById("secondaryOpenFile")
|
|
: null,
|
|
printButton: document.getElementById("secondaryPrint"),
|
|
downloadButton: document.getElementById("secondaryDownload"),
|
|
viewBookmarkButton: document.getElementById("viewBookmark"),
|
|
firstPageButton: document.getElementById("firstPage"),
|
|
lastPageButton: document.getElementById("lastPage"),
|
|
pageRotateCwButton: document.getElementById("pageRotateCw"),
|
|
pageRotateCcwButton: document.getElementById("pageRotateCcw"),
|
|
cursorSelectToolButton: document.getElementById("cursorSelectTool"),
|
|
cursorHandToolButton: document.getElementById("cursorHandTool"),
|
|
scrollPageButton: document.getElementById("scrollPage"),
|
|
scrollVerticalButton: document.getElementById("scrollVertical"),
|
|
scrollHorizontalButton: document.getElementById("scrollHorizontal"),
|
|
scrollWrappedButton: document.getElementById("scrollWrapped"),
|
|
spreadNoneButton: document.getElementById("spreadNone"),
|
|
spreadOddButton: document.getElementById("spreadOdd"),
|
|
spreadEvenButton: document.getElementById("spreadEven"),
|
|
imageAltTextSettingsButton: document.getElementById(
|
|
"imageAltTextSettings"
|
|
),
|
|
imageAltTextSettingsSeparator: document.getElementById(
|
|
"imageAltTextSettingsSeparator"
|
|
),
|
|
documentPropertiesButton: document.getElementById("documentProperties"),
|
|
},
|
|
sidebar: {
|
|
// Divs (and sidebar button)
|
|
outerContainer: document.getElementById("outerContainer"),
|
|
sidebarContainer: document.getElementById("sidebarContainer"),
|
|
toggleButton: document.getElementById("sidebarToggleButton"),
|
|
resizer: document.getElementById("sidebarResizer"),
|
|
// Buttons
|
|
thumbnailButton: document.getElementById("viewThumbnail"),
|
|
outlineButton: document.getElementById("viewOutline"),
|
|
attachmentsButton: document.getElementById("viewAttachments"),
|
|
layersButton: document.getElementById("viewLayers"),
|
|
// Views
|
|
thumbnailView: document.getElementById("thumbnailView"),
|
|
outlineView: document.getElementById("outlineView"),
|
|
attachmentsView: document.getElementById("attachmentsView"),
|
|
layersView: document.getElementById("layersView"),
|
|
// View-specific options
|
|
currentOutlineItemButton: document.getElementById("currentOutlineItem"),
|
|
},
|
|
findBar: {
|
|
bar: document.getElementById("findbar"),
|
|
toggleButton: document.getElementById("viewFindButton"),
|
|
findField: document.getElementById("findInput"),
|
|
highlightAllCheckbox: document.getElementById("findHighlightAll"),
|
|
caseSensitiveCheckbox: document.getElementById("findMatchCase"),
|
|
matchDiacriticsCheckbox: document.getElementById("findMatchDiacritics"),
|
|
entireWordCheckbox: document.getElementById("findEntireWord"),
|
|
findMsg: document.getElementById("findMsg"),
|
|
findResultsCount: document.getElementById("findResultsCount"),
|
|
findPreviousButton: document.getElementById("findPreviousButton"),
|
|
findNextButton: document.getElementById("findNextButton"),
|
|
},
|
|
passwordOverlay: {
|
|
dialog: document.getElementById("passwordDialog"),
|
|
label: document.getElementById("passwordText"),
|
|
input: document.getElementById("password"),
|
|
submitButton: document.getElementById("passwordSubmit"),
|
|
cancelButton: document.getElementById("passwordCancel"),
|
|
},
|
|
documentProperties: {
|
|
dialog: document.getElementById("documentPropertiesDialog"),
|
|
closeButton: document.getElementById("documentPropertiesClose"),
|
|
fields: {
|
|
fileName: document.getElementById("fileNameField"),
|
|
fileSize: document.getElementById("fileSizeField"),
|
|
title: document.getElementById("titleField"),
|
|
author: document.getElementById("authorField"),
|
|
subject: document.getElementById("subjectField"),
|
|
keywords: document.getElementById("keywordsField"),
|
|
creationDate: document.getElementById("creationDateField"),
|
|
modificationDate: document.getElementById("modificationDateField"),
|
|
creator: document.getElementById("creatorField"),
|
|
producer: document.getElementById("producerField"),
|
|
version: document.getElementById("versionField"),
|
|
pageCount: document.getElementById("pageCountField"),
|
|
pageSize: document.getElementById("pageSizeField"),
|
|
linearized: document.getElementById("linearizedField"),
|
|
},
|
|
},
|
|
altTextDialog: {
|
|
dialog: document.getElementById("altTextDialog"),
|
|
optionDescription: document.getElementById("descriptionButton"),
|
|
optionDecorative: document.getElementById("decorativeButton"),
|
|
textarea: document.getElementById("descriptionTextarea"),
|
|
cancelButton: document.getElementById("altTextCancel"),
|
|
saveButton: document.getElementById("altTextSave"),
|
|
},
|
|
newAltTextDialog: {
|
|
dialog: document.getElementById("newAltTextDialog"),
|
|
title: document.getElementById("newAltTextTitle"),
|
|
descriptionContainer: document.getElementById(
|
|
"newAltTextDescriptionContainer"
|
|
),
|
|
textarea: document.getElementById("newAltTextDescriptionTextarea"),
|
|
disclaimer: document.getElementById("newAltTextDisclaimer"),
|
|
learnMore: document.getElementById("newAltTextLearnMore"),
|
|
imagePreview: document.getElementById("newAltTextImagePreview"),
|
|
createAutomatically: document.getElementById(
|
|
"newAltTextCreateAutomatically"
|
|
),
|
|
createAutomaticallyButton: document.getElementById(
|
|
"newAltTextCreateAutomaticallyButton"
|
|
),
|
|
downloadModel: document.getElementById("newAltTextDownloadModel"),
|
|
downloadModelDescription: document.getElementById(
|
|
"newAltTextDownloadModelDescription"
|
|
),
|
|
error: document.getElementById("newAltTextError"),
|
|
errorCloseButton: document.getElementById("newAltTextCloseButton"),
|
|
cancelButton: document.getElementById("newAltTextCancel"),
|
|
notNowButton: document.getElementById("newAltTextNotNow"),
|
|
saveButton: document.getElementById("newAltTextSave"),
|
|
},
|
|
altTextSettingsDialog: {
|
|
dialog: document.getElementById("altTextSettingsDialog"),
|
|
createModelButton: document.getElementById("createModelButton"),
|
|
aiModelSettings: document.getElementById("aiModelSettings"),
|
|
learnMore: document.getElementById("altTextSettingsLearnMore"),
|
|
deleteModelButton: document.getElementById("deleteModelButton"),
|
|
downloadModelButton: document.getElementById("downloadModelButton"),
|
|
showAltTextDialogButton: document.getElementById(
|
|
"showAltTextDialogButton"
|
|
),
|
|
altTextSettingsCloseButton: document.getElementById(
|
|
"altTextSettingsCloseButton"
|
|
),
|
|
closeButton: document.getElementById("altTextSettingsCloseButton"),
|
|
},
|
|
annotationEditorParams: {
|
|
editorFreeTextFontSize: document.getElementById("editorFreeTextFontSize"),
|
|
editorFreeTextColor: document.getElementById("editorFreeTextColor"),
|
|
editorInkColor: document.getElementById("editorInkColor"),
|
|
editorInkThickness: document.getElementById("editorInkThickness"),
|
|
editorInkOpacity: document.getElementById("editorInkOpacity"),
|
|
editorStampAddImage: document.getElementById("editorStampAddImage"),
|
|
editorSignatureAddSignature: document.getElementById(
|
|
"editorSignatureAddSignature"
|
|
),
|
|
editorFreeHighlightThickness: document.getElementById(
|
|
"editorFreeHighlightThickness"
|
|
),
|
|
editorHighlightShowAll: document.getElementById("editorHighlightShowAll"),
|
|
},
|
|
printContainer: document.getElementById("printContainer"),
|
|
editorUndoBar: {
|
|
container: document.getElementById("editorUndoBar"),
|
|
message: document.getElementById("editorUndoBarMessage"),
|
|
undoButton: document.getElementById("editorUndoBarUndoButton"),
|
|
closeButton: document.getElementById("editorUndoBarCloseButton"),
|
|
},
|
|
};
|
|
}
|
|
|
|
function webViewerLoad() {
|
|
const config = getViewerConfiguration();
|
|
|
|
if (typeof PDFJSDev !== "undefined" && PDFJSDev.test("GENERIC")) {
|
|
// Give custom implementations of the default viewer a simpler way to
|
|
// set various `AppOptions`, by dispatching an event once all viewer
|
|
// files are loaded but *before* the viewer initialization has run.
|
|
const event = new CustomEvent("webviewerloaded", {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
detail: {
|
|
source: window,
|
|
},
|
|
});
|
|
try {
|
|
// Attempt to dispatch the event at the embedding `document`,
|
|
// in order to support cases where the viewer is embedded in
|
|
// a *dynamically* created <iframe> element.
|
|
parent.document.dispatchEvent(event);
|
|
} catch (ex) {
|
|
// The viewer could be in e.g. a cross-origin <iframe> element,
|
|
// fallback to dispatching the event at the current `document`.
|
|
console.error("webviewerloaded:", ex);
|
|
document.dispatchEvent(event);
|
|
}
|
|
}
|
|
PDFViewerApplication.run(config);
|
|
}
|
|
|
|
// Block the "load" event until all pages are loaded, to ensure that printing
|
|
// works in Firefox; see https://bugzilla.mozilla.org/show_bug.cgi?id=1618553
|
|
document.blockUnblockOnload?.(true);
|
|
|
|
if (
|
|
document.readyState === "interactive" ||
|
|
document.readyState === "complete"
|
|
) {
|
|
webViewerLoad();
|
|
} else {
|
|
document.addEventListener("DOMContentLoaded", webViewerLoad, true);
|
|
}
|
|
|
|
export {
|
|
PDFViewerApplication,
|
|
AppConstants as PDFViewerApplicationConstants,
|
|
AppOptions as PDFViewerApplicationOptions,
|
|
};
|