Cool_Tools/upscayl
1
0
Fork 0
mirror of https://github.com/upscayl/upscayl.git synced 2024-11-28 01:10:52 +01:00
Code Releases Wiki Activity

Fix lens

Browse Source
This commit is contained in:
Nayam Amarshe 2024-02-07 07:04:06 +05:30
parent 0b29789543
commit 4590a202c5
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
renderer/pages/index.tsx
View File

@ -696,7 +696,7 @@ const Home = () => {
upscaledImagePath && upscaledImagePath &&
imagePath && ( imagePath && (
<div <div
className="img-with-border group relative h-full w-full overflow-hidden" className="group relative h-full w-full overflow-hidden"
onMouseMove={handleMouseMoveCompare} onMouseMove={handleMouseMoveCompare}
> >
<img <img
@ -715,7 +715,8 @@ const Home = () => {
}]`} }]`}
style={{ style={{
clipPath: `circle(${ clipPath: `circle(${
lensSize / (parseInt(zoomAmount) / 100) (lensSize + 2 * (parseInt(zoomAmount) / 100)) /
(parseInt(zoomAmount) / 100)
}px at ${cursorPosition.x}px ${cursorPosition.y}px)`, }px at ${cursorPosition.x}px ${cursorPosition.y}px)`,
backgroundPosition: "0% 0%", backgroundPosition: "0% 0%",
transformOrigin: backgroundPosition, transformOrigin: backgroundPosition,
@ -728,7 +729,7 @@ const Home = () => {
src={"file:///" + upscaledImagePath} src={"file:///" + upscaledImagePath}
style={{ style={{
clipPath: `circle(${ clipPath: `circle(${
(lensSize - parseInt(zoomAmount) / 100) / (lensSize + parseInt(zoomAmount) / 100) /
(parseInt(zoomAmount) / 100) (parseInt(zoomAmount) / 100)
}px at ${cursorPosition.x}px ${cursorPosition.y}px)`, }px at ${cursorPosition.x}px ${cursorPosition.y}px)`,
backgroundPosition: backgroundPosition, backgroundPosition: backgroundPosition,