ZenBrowserMirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/zen-browser/pdf.js.git synced 2025-07-08 17:30:09 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Editor] Use css aspect-ratio property to keep the aspect ratio during resize

Browse source 
It slightly simplifies the implementation and it avoids some possible artifacts
when resizing too quickly.
This commit is contained in:
Calixte Denizet 2023-07-06 09:21:34 +02:00
parent 683cdf44db
commit fab1157549
2 changed files with 18 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/display/editor/ink.js
View file

@ -778,6 +778,7 @@ class InkEditor extends AnnotationEditor {
if (this.width) {
// This editor was created in using copy (ctrl+c).
const [parentWidth, parentHeight] = this.parentDimensions;
this.setAspectRatio(this.width * parentWidth, this.height * parentHeight);
this.setAt(
baseX * parentWidth,
baseY * parentHeight,
@ -788,7 +789,6 @@ class InkEditor extends AnnotationEditor {
this.#setCanvasDims();
this.setDims(this.width * parentWidth, this.height * parentHeight);
this.#redraw();
this.setMinDims();
this.div.classList.add("disabled");
} else {
this.div.classList.add("editing");
@ -832,8 +832,6 @@ class InkEditor extends AnnotationEditor {
this.canvas.style.visibility = "hidden";
height = this.getHeight(width, height);
const [parentWidth, parentHeight] = this.parentDimensions;
this.width = width / parentWidth;
this.height = height / parentHeight;
@ -1084,7 +1082,6 @@ class InkEditor extends AnnotationEditor {
this.height = height / parentHeight;
this.setAspectRatio(width, height);
this.setMinDims();
const prevTranslationX = this.translationX;
const prevTranslationY = this.translationY;
@ -1122,7 +1119,6 @@ class InkEditor extends AnnotationEditor {
const scaleFactor = editor.parentScale;
const padding = data.thickness / 2;
editor.setAspectRatio(width, height);
editor.#disableEditing = true;
editor.#realWidth = Math.round(width);
editor.#realHeight = Math.round(height);