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

Implement new resizing algorithm

Browse source 
* resizes against the original parameters
This commit is contained in:
Henrik Giesel 2021-07-28 23:41:46 +02:00 committed by Damien Elmes
parent d3e46e9da4
commit 69f1c353df
1 changed files with 9 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ts/editor/ImageHandle.svelte
View file

@ -19,7 +19,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
$: aspectRatio = naturalWidth && naturalHeight ? naturalWidth / naturalHeight : NaN;
$: showDimensions = activeImage ? Number(activeImage!.height) >= 50 : false;
$: showFloat = activeImage ? Number(activeImage!.width) >= 100 : false;
let actualWidth = "";
@ -117,27 +116,19 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
return;
}
const containerRect = container.getBoundingClientRect();
const imageRect = activeImage!.getBoundingClientRect();
const originalContainerY = containerRect.top;
const originalContainerX = containerRect.left;
const originalY = imageRect!.top - containerTop;
const originalX = imageRect!.left - containerLeft;
const imageLeft = imageRect!.left;
const imageRight = imageRect!.right;
const [multX, imageX] = west ? [-1, imageRight] : [1, -imageLeft];
getDragWidth = (event) =>
west
? activeImage!.clientWidth -
event.clientX +
(originalContainerX + originalX)
: event.clientX - originalContainerX - originalX;
getDragWidth = ({ clientX }) => multX * clientX + imageX;
getDragHeight = (event) =>
north
? activeImage!.clientHeight -
event.clientY +
(originalContainerY + originalY)
: event.clientY - originalContainerY - originalY;
const imageTop = imageRect!.top;
const imageBottom = imageRect!.bottom;
const [multY, imageY] = north ? [-1, imageBottom] : [1, -imageTop];
getDragHeight = ({ clientY }) => multY * clientY + imageY;
stopObserving();
(event.target as Element).setPointerCapture(event.pointerId);