Can I somehow change the height of a text selection

dbezdushniak · June 22, 2022, 1:58pm

Which product are you using?
PDF.js Express Viewer

PDF.js Express Version
8.2.0

Detailed description of issue
We have two types of annotations on the project.
The first one generated by service by analyzing the pdf, and the second one is created on UI (we use quads from textSelected event for new annotation creating). Annotations that created on UI have different sizes than those that created by the service. We want to normalize them. We want to use the same algorithm on service and UI for annotation creation to generate as similar annotation sizes as possible.

And the question:
Can I somehow change the size of text selection?

system · June 22, 2022, 1:58pm

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

APIs:

Forums:

kkim · June 22, 2022, 9:48pm

Hello dbezdushniak,

For the UI, you can create your own custom text Selection tool following this guide: Core Engine for JavaScript PDF Viewer | PDF.js Express SDK

This file may be of relevance in setting the quads:

github.com

PDFTron/webviewer-ui/blob/8.6/src/helpers/createTextAnnotationAndSelect.js

import core from 'core';
import getToolStyles from 'helpers/getToolStyles';
import { mapAnnotationToToolName } from 'constants/map';
import actions from 'actions';

export default (dispatch, annotationConstructor) => {
  const annotations = createTextAnnotation(annotationConstructor);

  core.clearSelection();
  core.addAnnotations(annotations);
  core.selectAnnotations(annotations);
  dispatch(actions.closeElement('textPopup'));
};


const createTextAnnotation = annotationConstructor => {
  const annotations = [];
  const quads = core.getSelectedTextQuads();

  Object.keys(quads).forEach(pageNumber => {

This file has been truncated. show original

For text selection outline, you can use the TextSelectionModel class to modify:
https://pdfjs.express/api/Core.Annotations.TextSelectionModel.html
and getDimensions method may also be relevant:
https://www.pdftron.com/api/web/Core.Annotations.TextSelectionModel.html#TextSelectionModel

Best Regards,
Kevin Kim
Web Development Support Engineer
PDFTron Systems, Inc.
www.pdftron.com

dbezdushniak · June 27, 2022, 10:00am

Kevin, thanks for the direction in solving that. It helped me

Topic		Replies	Views
How to set the maximum size of an annotation? Technical Support	5	467	October 29, 2021
Custom Annotation drop location on different Resolution Technical Support pdfjs-express	6	621	March 22, 2021
Can fitText be used to set only height? If not, is there an alternative Technical Support	6	637	July 29, 2021
How to create TextHighllight same as default TextHighllight Annotation Technical Support	6	767	June 13, 2022
How to search annotations Technical Support	2	283	April 25, 2022

Can I somehow change the height of a text selection

Related Topics