mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-20 15:18:08 +02:00
Code Activity

Merge pull request #15088 from calixteman/editor_rotation

Browse source 
Support rotating editor layer
This commit is contained in:
calixteman 2022-06-25 16:18:07 +02:00 • committed by GitHub
commit 23fcdabb37
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 473 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web/annotation_editor_layer_builder.css
View file

@ -20,14 +20,23 @@
--freetext-padding: 2px;
}
[data-editor-rotation="90"] {
transform: rotate(90deg);
}
[data-editor-rotation="180"] {
transform: rotate(180deg);
}
[data-editor-rotation="270"] {
transform: rotate(270deg);
}
.annotationEditorLayer {
background: transparent;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
font-size: calc(100px * var(--scale-factor));
transform-origin: 0 0;
}
.annotationEditorLayer .freeTextEditor {
@ -38,6 +47,7 @@
resize: none;
width: auto;
height: auto;
transform-origin: 0 0;
}
.annotationEditorLayer .freeTextEditor .internal {
@ -100,6 +110,7 @@
width: 100%;
height: 100%;
z-index: 1;
transform-origin: 0 0;
}
.annotationEditorLayer .background {

5
web/annotation_editor_layer_builder.js
View file

@ -66,8 +66,9 @@ class AnnotationEditorLayerBuilder {
return;
}
const clonedViewport = viewport.clone({ dontFlip: true });
if (this.div) {
this.annotationEditorLayer.update({ viewport: viewport.clone() });
this.annotationEditorLayer.update({ viewport: clonedViewport });
this.show();
return;
}
@ -86,7 +87,7 @@ class AnnotationEditorLayerBuilder {
});
const parameters = {
viewport: viewport.clone(),
viewport: clonedViewport,
div: this.div,
annotations: null,
intent,

10
web/annotation_layer_builder.css
View file

@ -27,16 +27,6 @@
}
}
[data-annotation-rotation="90"] {
transform: rotate(90deg) translateY(-100%);
}
[data-annotation-rotation="180"] {
transform: rotate(180deg) translate(-100%, -100%);
}
[data-annotation-rotation="270"] {
transform: rotate(270deg) translateX(-100%);
}
.annotationLayer {
position: absolute;
top: 0;

10
web/pdf_viewer.css
View file

@ -35,6 +35,16 @@
}
}
[data-main-rotation="90"] {
transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
transform: rotate(270deg) translateX(-100%);
}
.pdfViewer {
padding-bottom: var(--pdfViewer-padding-bottom);
}