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	579	October 29, 2021
How to customize text selection style Technical Support pdfjs-express	2	396	October 25, 2022
Override Annotation Selection Tool Technical Support pdfjs-express	3	361	October 10, 2022
Custom Annotation drop location on different Resolution Technical Support pdfjs-express	6	681	March 22, 2021
Handeling test selection programatically (caret manipulation) Technical Support pdfjs-express	1	508	December 8, 2020

Can I somehow change the height of a text selection

Related topics