|
|
@@ -1,431 +1,202 @@
|
|
|
-/* Copyright 2012 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
|
|
|
+/**
|
|
|
+ * Code extracted from pdf.js' viewer.js file. This contains code that is relevant to building the text overlays. I
|
|
|
+ * have removed dependencies on viewer.js and viewer.html.
|
|
|
*
|
|
|
- * 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.
|
|
|
+ * -- Vivin Suresh Paliath (http://vivin.net)
|
|
|
*/
|
|
|
|
|
|
-import { getGlobalEventBus } from './ui_utils';
|
|
|
-import { renderTextLayer } from 'pdfjs-lib';
|
|
|
+var CustomStyle = (function CustomStyleClosure() {
|
|
|
|
|
|
-const EXPAND_DIVS_TIMEOUT = 300; // ms
|
|
|
+ // As noted on: http://www.zachstronaut.com/posts/2009/02/17/
|
|
|
+ // animate-css-transforms-firefox-webkit.html
|
|
|
+ // in some versions of IE9 it is critical that ms appear in this list
|
|
|
+ // before Moz
|
|
|
+ var prefixes = ['ms', 'Moz', 'Webkit', 'O'];
|
|
|
+ var _cache = { };
|
|
|
|
|
|
-/**
|
|
|
- * @typedef {Object} TextLayerBuilderOptions
|
|
|
- * @property {HTMLDivElement} textLayerDiv - The text layer container.
|
|
|
- * @property {EventBus} eventBus - The application event bus.
|
|
|
- * @property {number} pageIndex - The page index.
|
|
|
- * @property {PageViewport} viewport - The viewport of the text layer.
|
|
|
- * @property {PDFFindController} findController
|
|
|
- * @property {boolean} enhanceTextSelection - Option to turn on improved
|
|
|
- * text selection.
|
|
|
- */
|
|
|
+ function CustomStyle() {
|
|
|
+ }
|
|
|
+
|
|
|
+ CustomStyle.getProp = function get(propName, element) {
|
|
|
+ // check cache only when no element is given
|
|
|
+ if (arguments.length == 1 && typeof _cache[propName] == 'string') {
|
|
|
+ return _cache[propName];
|
|
|
+ }
|
|
|
+
|
|
|
+ element = element || document.documentElement;
|
|
|
+ var style = element.style, prefixed, uPropName;
|
|
|
+
|
|
|
+ // test standard property first
|
|
|
+ if (typeof style[propName] == 'string') {
|
|
|
+ return (_cache[propName] = propName);
|
|
|
+ }
|
|
|
+
|
|
|
+ // capitalize
|
|
|
+ uPropName = propName.charAt(0).toUpperCase() + propName.slice(1);
|
|
|
+
|
|
|
+ // test vendor specific properties
|
|
|
+ for (var i = 0, l = prefixes.length; i < l; i++) {
|
|
|
+ prefixed = prefixes[i] + uPropName;
|
|
|
+ if (typeof style[prefixed] == 'string') {
|
|
|
+ return (_cache[propName] = prefixed);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //if all fails then set to undefined
|
|
|
+ return (_cache[propName] = 'undefined');
|
|
|
+ };
|
|
|
+
|
|
|
+ CustomStyle.setProp = function set(propName, element, str) {
|
|
|
+ var prop = this.getProp(propName);
|
|
|
+ if (prop != 'undefined')
|
|
|
+ element.style[prop] = str;
|
|
|
+ };
|
|
|
+
|
|
|
+ return CustomStyle;
|
|
|
+})();
|
|
|
+
|
|
|
+var TextLayerBuilder = function textLayerBuilder(textLayerDiv, pageIdx) {
|
|
|
+ var textLayerFrag = document.createDocumentFragment();
|
|
|
|
|
|
-/**
|
|
|
- * The text layer builder provides text selection functionality for the PDF.
|
|
|
- * It does this by creating overlay divs over the PDF's text. These divs
|
|
|
- * contain text that matches the PDF text they are overlaying. This object
|
|
|
- * also provides a way to highlight text that is being searched for.
|
|
|
- */
|
|
|
-class TextLayerBuilder {
|
|
|
- constructor({ textLayerDiv, eventBus, pageIndex, viewport,
|
|
|
- findController = null, enhanceTextSelection = false, }) {
|
|
|
this.textLayerDiv = textLayerDiv;
|
|
|
- this.eventBus = eventBus || getGlobalEventBus();
|
|
|
- this.textContent = null;
|
|
|
- this.textContentItemsStr = [];
|
|
|
- this.textContentStream = null;
|
|
|
- this.renderingDone = false;
|
|
|
- this.pageIdx = pageIndex;
|
|
|
- this.pageNumber = this.pageIdx + 1;
|
|
|
+ this.layoutDone = false;
|
|
|
+ this.divContentDone = false;
|
|
|
+ this.pageIdx = pageIdx;
|
|
|
this.matches = [];
|
|
|
- this.viewport = viewport;
|
|
|
- this.textDivs = [];
|
|
|
- this.findController = findController;
|
|
|
- this.textLayerRenderTask = null;
|
|
|
- this.enhanceTextSelection = enhanceTextSelection;
|
|
|
-
|
|
|
- this._onUpdateTextLayerMatches = null;
|
|
|
- this._bindMouse();
|
|
|
- }
|
|
|
-
|
|
|
- /**
|
|
|
- * @private
|
|
|
- */
|
|
|
- _finishRendering() {
|
|
|
- this.renderingDone = true;
|
|
|
-
|
|
|
- if (!this.enhanceTextSelection) {
|
|
|
- let endOfContent = document.createElement('div');
|
|
|
- endOfContent.className = 'endOfContent';
|
|
|
- this.textLayerDiv.appendChild(endOfContent);
|
|
|
- }
|
|
|
|
|
|
- this.eventBus.dispatch('textlayerrendered', {
|
|
|
- source: this,
|
|
|
- pageNumber: this.pageNumber,
|
|
|
- numTextDivs: this.textDivs.length,
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- /**
|
|
|
- * Renders the text layer.
|
|
|
- *
|
|
|
- * @param {number} timeout - (optional) wait for a specified amount of
|
|
|
- * milliseconds before rendering
|
|
|
- */
|
|
|
- render(timeout = 0) {
|
|
|
- if (!(this.textContent || this.textContentStream) || this.renderingDone) {
|
|
|
- return;
|
|
|
- }
|
|
|
- this.cancel();
|
|
|
-
|
|
|
- this.textDivs = [];
|
|
|
- let textLayerFrag = document.createDocumentFragment();
|
|
|
- this.textLayerRenderTask = renderTextLayer({
|
|
|
- textContent: this.textContent,
|
|
|
- textContentStream: this.textContentStream,
|
|
|
- container: textLayerFrag,
|
|
|
- viewport: this.viewport,
|
|
|
- textDivs: this.textDivs,
|
|
|
- textContentItemsStr: this.textContentItemsStr,
|
|
|
- timeout,
|
|
|
- enhanceTextSelection: this.enhanceTextSelection,
|
|
|
- });
|
|
|
- this.textLayerRenderTask.promise.then(() => {
|
|
|
- this.textLayerDiv.appendChild(textLayerFrag);
|
|
|
- this._finishRendering();
|
|
|
- this._updateMatches();
|
|
|
- }, function (reason) {
|
|
|
- // Cancelled or failed to render text layer; skipping errors.
|
|
|
- });
|
|
|
-
|
|
|
- if (!this._onUpdateTextLayerMatches) {
|
|
|
- this._onUpdateTextLayerMatches = (evt) => {
|
|
|
- if (evt.pageIndex === this.pageIdx || evt.pageIndex === -1) {
|
|
|
- this._updateMatches();
|
|
|
- }
|
|
|
- };
|
|
|
- this.eventBus.on('updatetextlayermatches',
|
|
|
- this._onUpdateTextLayerMatches);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /**
|
|
|
- * Cancel rendering of the text layer.
|
|
|
- */
|
|
|
- cancel() {
|
|
|
- if (this.textLayerRenderTask) {
|
|
|
- this.textLayerRenderTask.cancel();
|
|
|
- this.textLayerRenderTask = null;
|
|
|
- }
|
|
|
- if (this._onUpdateTextLayerMatches) {
|
|
|
- this.eventBus.off('updatetextlayermatches',
|
|
|
- this._onUpdateTextLayerMatches);
|
|
|
- this._onUpdateTextLayerMatches = null;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- setTextContentStream(readableStream) {
|
|
|
- this.cancel();
|
|
|
- this.textContentStream = readableStream;
|
|
|
- }
|
|
|
-
|
|
|
- setTextContent(textContent) {
|
|
|
- this.cancel();
|
|
|
- this.textContent = textContent;
|
|
|
- }
|
|
|
-
|
|
|
- _convertMatches(matches, matchesLength) {
|
|
|
- // Early exit if there is nothing to convert.
|
|
|
- if (!matches) {
|
|
|
- return [];
|
|
|
- }
|
|
|
- const { findController, textContentItemsStr, } = this;
|
|
|
-
|
|
|
- let i = 0, iIndex = 0;
|
|
|
- const end = textContentItemsStr.length - 1;
|
|
|
- const queryLen = findController.state.query.length;
|
|
|
- const result = [];
|
|
|
-
|
|
|
- for (let m = 0, mm = matches.length; m < mm; m++) {
|
|
|
- // Calculate the start position.
|
|
|
- let matchIdx = matches[m];
|
|
|
-
|
|
|
- // Loop over the divIdxs.
|
|
|
- while (i !== end &&
|
|
|
- matchIdx >= (iIndex + textContentItemsStr[i].length)) {
|
|
|
- iIndex += textContentItemsStr[i].length;
|
|
|
- i++;
|
|
|
- }
|
|
|
-
|
|
|
- if (i === textContentItemsStr.length) {
|
|
|
- console.error('Could not find a matching mapping');
|
|
|
- }
|
|
|
-
|
|
|
- let match = {
|
|
|
- begin: {
|
|
|
- divIdx: i,
|
|
|
- offset: matchIdx - iIndex,
|
|
|
- },
|
|
|
- };
|
|
|
-
|
|
|
- // Calculate the end position.
|
|
|
- if (matchesLength) { // Multiterm search.
|
|
|
- matchIdx += matchesLength[m];
|
|
|
- } else { // Phrase search.
|
|
|
- matchIdx += queryLen;
|
|
|
- }
|
|
|
-
|
|
|
- // Somewhat the same array as above, but use > instead of >= to get
|
|
|
- // the end position right.
|
|
|
- while (i !== end &&
|
|
|
- matchIdx > (iIndex + textContentItemsStr[i].length)) {
|
|
|
- iIndex += textContentItemsStr[i].length;
|
|
|
- i++;
|
|
|
- }
|
|
|
-
|
|
|
- match.end = {
|
|
|
- divIdx: i,
|
|
|
- offset: matchIdx - iIndex,
|
|
|
- };
|
|
|
- result.push(match);
|
|
|
- }
|
|
|
- return result;
|
|
|
- }
|
|
|
+ this.beginLayout = function textLayerBuilderBeginLayout() {
|
|
|
+ this.textDivs = [];
|
|
|
+ this.renderingDone = false;
|
|
|
+ };
|
|
|
|
|
|
- _renderMatches(matches) {
|
|
|
- // Early exit if there is nothing to render.
|
|
|
- if (matches.length === 0) {
|
|
|
- return;
|
|
|
- }
|
|
|
- const { findController, pageIdx, textContentItemsStr, textDivs, } = this;
|
|
|
-
|
|
|
- const isSelectedPage = (pageIdx === findController.selected.pageIdx);
|
|
|
- const selectedMatchIdx = findController.selected.matchIdx;
|
|
|
- const highlightAll = findController.state.highlightAll;
|
|
|
- let prevEnd = null;
|
|
|
- let infinity = {
|
|
|
- divIdx: -1,
|
|
|
- offset: undefined,
|
|
|
+ this.endLayout = function textLayerBuilderEndLayout() {
|
|
|
+ this.layoutDone = true;
|
|
|
+ this.insertDivContent();
|
|
|
};
|
|
|
|
|
|
- function beginText(begin, className) {
|
|
|
- let divIdx = begin.divIdx;
|
|
|
- textDivs[divIdx].textContent = '';
|
|
|
- appendTextToDiv(divIdx, 0, begin.offset, className);
|
|
|
- }
|
|
|
+ this.renderLayer = function textLayerBuilderRenderLayer() {
|
|
|
+ var textDivs = this.textDivs;
|
|
|
+ var bidiTexts = this.textContent.bidiTexts;
|
|
|
+ var textLayerDiv = this.textLayerDiv;
|
|
|
+ var canvas = document.createElement('canvas');
|
|
|
+ var ctx = canvas.getContext('2d');
|
|
|
+
|
|
|
+ // No point in rendering so many divs as it'd make the browser unusable
|
|
|
+ // even after the divs are rendered
|
|
|
+ var MAX_TEXT_DIVS_TO_RENDER = 100000;
|
|
|
+ if (textDivs.length > MAX_TEXT_DIVS_TO_RENDER)
|
|
|
+ return;
|
|
|
+
|
|
|
+ for (var i = 0, ii = textDivs.length; i < ii; i++) {
|
|
|
+ var textDiv = textDivs[i];
|
|
|
+ if ('isWhitespace' in textDiv.dataset) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ textLayerFrag.appendChild(textDiv);
|
|
|
|
|
|
- function appendTextToDiv(divIdx, fromOffset, toOffset, className) {
|
|
|
- let div = textDivs[divIdx];
|
|
|
- let content = textContentItemsStr[divIdx].substring(fromOffset, toOffset);
|
|
|
- let node = document.createTextNode(content);
|
|
|
- if (className) {
|
|
|
- let span = document.createElement('span');
|
|
|
- span.className = className;
|
|
|
- span.appendChild(node);
|
|
|
- div.appendChild(span);
|
|
|
- return;
|
|
|
- }
|
|
|
- div.appendChild(node);
|
|
|
- }
|
|
|
+ ctx.font = textDiv.style.fontSize + ' ' + textDiv.style.fontFamily;
|
|
|
+ var width = ctx.measureText(textDiv.textContent).width;
|
|
|
|
|
|
- let i0 = selectedMatchIdx, i1 = i0 + 1;
|
|
|
- if (highlightAll) {
|
|
|
- i0 = 0;
|
|
|
- i1 = matches.length;
|
|
|
- } else if (!isSelectedPage) {
|
|
|
- // Not highlighting all and this isn't the selected page, so do nothing.
|
|
|
- return;
|
|
|
- }
|
|
|
+ if (width > 0) {
|
|
|
+ var textScale = textDiv.dataset.canvasWidth / width;
|
|
|
|
|
|
- for (let i = i0; i < i1; i++) {
|
|
|
- let match = matches[i];
|
|
|
- let begin = match.begin;
|
|
|
- let end = match.end;
|
|
|
- const isSelected = (isSelectedPage && i === selectedMatchIdx);
|
|
|
- const highlightSuffix = (isSelected ? ' selected' : '');
|
|
|
-
|
|
|
- if (isSelected) { // Attempt to scroll the selected match into view.
|
|
|
- findController.scrollMatchIntoView({
|
|
|
- element: textDivs[begin.divIdx],
|
|
|
- pageIndex: pageIdx,
|
|
|
- matchIndex: selectedMatchIdx,
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- // Match inside new div.
|
|
|
- if (!prevEnd || begin.divIdx !== prevEnd.divIdx) {
|
|
|
- // If there was a previous div, then add the text at the end.
|
|
|
- if (prevEnd !== null) {
|
|
|
- appendTextToDiv(prevEnd.divIdx, prevEnd.offset, infinity.offset);
|
|
|
- }
|
|
|
- // Clear the divs and set the content until the starting point.
|
|
|
- beginText(begin);
|
|
|
- } else {
|
|
|
- appendTextToDiv(prevEnd.divIdx, prevEnd.offset, begin.offset);
|
|
|
- }
|
|
|
-
|
|
|
- if (begin.divIdx === end.divIdx) {
|
|
|
- appendTextToDiv(begin.divIdx, begin.offset, end.offset,
|
|
|
- 'highlight' + highlightSuffix);
|
|
|
- } else {
|
|
|
- appendTextToDiv(begin.divIdx, begin.offset, infinity.offset,
|
|
|
- 'highlight begin' + highlightSuffix);
|
|
|
- for (let n0 = begin.divIdx + 1, n1 = end.divIdx; n0 < n1; n0++) {
|
|
|
- textDivs[n0].className = 'highlight middle' + highlightSuffix;
|
|
|
+ var transform = 'scale(' + textScale + ', 1)';
|
|
|
+ if (bidiTexts[i].dir === 'ttb') {
|
|
|
+ transform = 'rotate(90deg) ' + transform;
|
|
|
+ }
|
|
|
+ CustomStyle.setProp('transform', textDiv, transform);
|
|
|
+ CustomStyle.setProp('transformOrigin', textDiv, '0% 0%');
|
|
|
+
|
|
|
+ textLayerDiv.appendChild(textDiv);
|
|
|
+ }
|
|
|
}
|
|
|
- beginText(end, 'highlight end' + highlightSuffix);
|
|
|
- }
|
|
|
- prevEnd = end;
|
|
|
- }
|
|
|
|
|
|
- if (prevEnd) {
|
|
|
- appendTextToDiv(prevEnd.divIdx, prevEnd.offset, infinity.offset);
|
|
|
- }
|
|
|
- }
|
|
|
+ this.renderingDone = true;
|
|
|
|
|
|
- _updateMatches() {
|
|
|
- // Only show matches when all rendering is done.
|
|
|
- if (!this.renderingDone) {
|
|
|
- return;
|
|
|
- }
|
|
|
- const {
|
|
|
- findController, matches, pageIdx, textContentItemsStr, textDivs,
|
|
|
- } = this;
|
|
|
- let clearedUntilDivIdx = -1;
|
|
|
-
|
|
|
- // Clear all current matches.
|
|
|
- for (let i = 0, ii = matches.length; i < ii; i++) {
|
|
|
- let match = matches[i];
|
|
|
- let begin = Math.max(clearedUntilDivIdx, match.begin.divIdx);
|
|
|
- for (let n = begin, end = match.end.divIdx; n <= end; n++) {
|
|
|
- let div = textDivs[n];
|
|
|
- div.textContent = textContentItemsStr[n];
|
|
|
- div.className = '';
|
|
|
- }
|
|
|
- clearedUntilDivIdx = match.end.divIdx + 1;
|
|
|
- }
|
|
|
+ textLayerDiv.appendChild(textLayerFrag);
|
|
|
+ };
|
|
|
|
|
|
- if (!findController || !findController.highlightMatches) {
|
|
|
- return;
|
|
|
- }
|
|
|
- // Convert the matches on the `findController` into the match format
|
|
|
- // used for the textLayer.
|
|
|
- const pageMatches = findController.pageMatches[pageIdx] || null;
|
|
|
- const pageMatchesLength = findController.pageMatchesLength[pageIdx] || null;
|
|
|
-
|
|
|
- this.matches = this._convertMatches(pageMatches, pageMatchesLength);
|
|
|
- this._renderMatches(this.matches);
|
|
|
- }
|
|
|
-
|
|
|
- /**
|
|
|
- * Improves text selection by adding an additional div where the mouse was
|
|
|
- * clicked. This reduces flickering of the content if the mouse is slowly
|
|
|
- * dragged up or down.
|
|
|
- *
|
|
|
- * @private
|
|
|
- */
|
|
|
- _bindMouse() {
|
|
|
- let div = this.textLayerDiv;
|
|
|
- let expandDivsTimer = null;
|
|
|
-
|
|
|
- div.addEventListener('mousedown', (evt) => {
|
|
|
- if (this.enhanceTextSelection && this.textLayerRenderTask) {
|
|
|
- this.textLayerRenderTask.expandTextDivs(true);
|
|
|
- if ((typeof PDFJSDev === 'undefined' ||
|
|
|
- !PDFJSDev.test('FIREFOX || MOZCENTRAL')) &&
|
|
|
- expandDivsTimer) {
|
|
|
- clearTimeout(expandDivsTimer);
|
|
|
- expandDivsTimer = null;
|
|
|
- }
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- let end = div.querySelector('.endOfContent');
|
|
|
- if (!end) {
|
|
|
- return;
|
|
|
- }
|
|
|
- if (typeof PDFJSDev === 'undefined' ||
|
|
|
- !PDFJSDev.test('FIREFOX || MOZCENTRAL')) {
|
|
|
- // On non-Firefox browsers, the selection will feel better if the height
|
|
|
- // of the `endOfContent` div is adjusted to start at mouse click
|
|
|
- // location. This avoids flickering when the selection moves up.
|
|
|
- // However it does not work when selection is started on empty space.
|
|
|
- let adjustTop = evt.target !== div;
|
|
|
- if (typeof PDFJSDev === 'undefined' || PDFJSDev.test('GENERIC')) {
|
|
|
- adjustTop = adjustTop && window.getComputedStyle(end).
|
|
|
- getPropertyValue('-moz-user-select') !== 'none';
|
|
|
- }
|
|
|
- if (adjustTop) {
|
|
|
- let divBounds = div.getBoundingClientRect();
|
|
|
- let r = Math.max(0, (evt.pageY - divBounds.top) / divBounds.height);
|
|
|
- end.style.top = (r * 100).toFixed(2) + '%';
|
|
|
+ this.setupRenderLayoutTimer = function textLayerSetupRenderLayoutTimer() {
|
|
|
+ // Schedule renderLayout() if user has been scrolling, otherwise
|
|
|
+ // run it right away
|
|
|
+ var RENDER_DELAY = 200; // in ms
|
|
|
+ var self = this;
|
|
|
+ //0 was originally PDFView.lastScroll
|
|
|
+ if (Date.now() - 0 > RENDER_DELAY) {
|
|
|
+ // Render right away
|
|
|
+ this.renderLayer();
|
|
|
+ } else {
|
|
|
+ // Schedule
|
|
|
+ if (this.renderTimer)
|
|
|
+ clearTimeout(this.renderTimer);
|
|
|
+ this.renderTimer = setTimeout(function () {
|
|
|
+ self.setupRenderLayoutTimer();
|
|
|
+ }, RENDER_DELAY);
|
|
|
}
|
|
|
- }
|
|
|
- end.classList.add('active');
|
|
|
- });
|
|
|
-
|
|
|
- div.addEventListener('mouseup', () => {
|
|
|
- if (this.enhanceTextSelection && this.textLayerRenderTask) {
|
|
|
- if (typeof PDFJSDev === 'undefined' ||
|
|
|
- !PDFJSDev.test('FIREFOX || MOZCENTRAL')) {
|
|
|
- expandDivsTimer = setTimeout(() => {
|
|
|
- if (this.textLayerRenderTask) {
|
|
|
- this.textLayerRenderTask.expandTextDivs(false);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.appendText = function textLayerBuilderAppendText(geom) {
|
|
|
+ var textDiv = document.createElement('div');
|
|
|
+
|
|
|
+ // vScale and hScale already contain the scaling to pixel units
|
|
|
+ var fontHeight = geom.fontSize * Math.abs(geom.vScale);
|
|
|
+ textDiv.dataset.canvasWidth = geom.canvasWidth * geom.hScale;
|
|
|
+ textDiv.dataset.fontName = geom.fontName;
|
|
|
+
|
|
|
+ textDiv.style.fontSize = fontHeight + 'px';
|
|
|
+ textDiv.style.fontFamily = geom.fontFamily;
|
|
|
+ textDiv.style.left = geom.x + 'px';
|
|
|
+ textDiv.style.top = (geom.y - fontHeight) + 'px';
|
|
|
+
|
|
|
+ // The content of the div is set in the `setTextContent` function.
|
|
|
+
|
|
|
+ this.textDivs.push(textDiv);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.insertDivContent = function textLayerUpdateTextContent() {
|
|
|
+ // Only set the content of the divs once layout has finished, the content
|
|
|
+ // for the divs is available and content is not yet set on the divs.
|
|
|
+ if (!this.layoutDone || this.divContentDone || !this.textContent)
|
|
|
+ return;
|
|
|
+
|
|
|
+ this.divContentDone = true;
|
|
|
+
|
|
|
+ var textDivs = this.textDivs;
|
|
|
+ var bidiTexts = this.textContent.bidiTexts;
|
|
|
+
|
|
|
+ for (var i = 0; i < bidiTexts.length; i++) {
|
|
|
+ var bidiText = bidiTexts[i];
|
|
|
+ var textDiv = textDivs[i];
|
|
|
+ if (!/\S/.test(bidiText.str)) {
|
|
|
+ textDiv.dataset.isWhitespace = true;
|
|
|
+ continue;
|
|
|
}
|
|
|
- expandDivsTimer = null;
|
|
|
- }, EXPAND_DIVS_TIMEOUT);
|
|
|
- } else {
|
|
|
- this.textLayerRenderTask.expandTextDivs(false);
|
|
|
+
|
|
|
+ textDiv.textContent = bidiText.str;
|
|
|
+ // bidiText.dir may be 'ttb' for vertical texts.
|
|
|
+ textDiv.dir = bidiText.dir === 'rtl' ? 'rtl' : 'ltr';
|
|
|
}
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- let end = div.querySelector('.endOfContent');
|
|
|
- if (!end) {
|
|
|
- return;
|
|
|
- }
|
|
|
- if (typeof PDFJSDev === 'undefined' ||
|
|
|
- !PDFJSDev.test('FIREFOX || MOZCENTRAL')) {
|
|
|
- end.style.top = '';
|
|
|
- }
|
|
|
- end.classList.remove('active');
|
|
|
- });
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
+ this.setupRenderLayoutTimer();
|
|
|
+ };
|
|
|
+
|
|
|
+ this.setTextContent = function textLayerBuilderSetTextContent(textContent) {
|
|
|
+ this.textContent = textContent;
|
|
|
+ this.insertDivContent();
|
|
|
+ };
|
|
|
+};
|
|
|
|
|
|
/**
|
|
|
- * @implements IPDFTextLayerFactory
|
|
|
+ * Returns scale factor for the canvas. It makes sense for the HiDPI displays.
|
|
|
+ * @return {Object} The object with horizontal (sx) and vertical (sy)
|
|
|
+ scales. The scaled property is set to false if scaling is
|
|
|
+ not required, true otherwise.
|
|
|
*/
|
|
|
-class DefaultTextLayerFactory {
|
|
|
- /**
|
|
|
- * @param {HTMLDivElement} textLayerDiv
|
|
|
- * @param {number} pageIndex
|
|
|
- * @param {PageViewport} viewport
|
|
|
- * @param {boolean} enhanceTextSelection
|
|
|
- * @returns {TextLayerBuilder}
|
|
|
- */
|
|
|
- createTextLayerBuilder(textLayerDiv, pageIndex, viewport,
|
|
|
- enhanceTextSelection = false) {
|
|
|
- return new TextLayerBuilder({
|
|
|
- textLayerDiv,
|
|
|
- pageIndex,
|
|
|
- viewport,
|
|
|
- enhanceTextSelection,
|
|
|
- });
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-export {
|
|
|
- TextLayerBuilder,
|
|
|
- DefaultTextLayerFactory,
|
|
|
-};
|
|
|
+function getOutputScale() {
|
|
|
+ var pixelRatio = 'devicePixelRatio' in window ? window.devicePixelRatio : 1;
|
|
|
+ return {
|
|
|
+ sx: pixelRatio,
|
|
|
+ sy: pixelRatio,
|
|
|
+ scaled: pixelRatio != 1
|
|
|
+ };
|
|
|
+}
|
bscheibel