GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 08:46:37 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Image resizes preserves ratio

Browse source
This commit is contained in:
Henrik Giesel 2021-07-21 02:37:07 +02:00 committed by Damien Elmes
parent 1756bca212
commit 49da806d91
1 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ts/editor/ImageHandle.svelte
View file

@ -31,13 +31,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
naturalWidth = image.naturalWidth;
naturalHeight = image.naturalHeight;
(containerTop = containerRect.top),
(containerLeft = containerRect.left),
(top = imageRect.top - containerTop),
(left = imageRect.left - containerLeft),
(width = image.clientWidth),
(height = image.clientHeight),
(hidden = false);
containerTop = containerRect.top;
containerLeft = containerRect.left;
top = imageRect.top - containerTop;
left = imageRect.left - containerLeft;
width = image.clientWidth;
height = image.clientHeight;
hidden = false;
} else {
hidden = true;
}
@ -58,10 +58,19 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
const dragWidth = event.clientX - containerLeft - left;
const dragHeight = event.clientY - containerTop - top;
const widthIncrease = dragWidth / naturalWidth;
const heightIncrease = dragHeight / naturalHeight;
if (widthIncrease > heightIncrease) {
width = dragWidth;
image!.style.width = `${dragWidth}px`;
height = naturalHeight * widthIncrease;
} else {
height = dragHeight;
image!.style.height = `${dragHeight}px`;
width = naturalWidth * heightIncrease;
}
image!.style.width = `${width}px`;
image!.style.height = `${height}px`;
}
const nightMode = getContext(nightModeKey);