public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update coordinate calc function to include scale

Browse Source
This commit is contained in:
drew08t
2023-11-02 21:18:57 -07:00
parent b96e601333
commit d90f4cb8a3
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/plugins/panel/canvas/utils.ts
+6 -3
View File
@@ -190,14 +190,15 @@ export const calculateCoordinates = (
sourceRect: DOMRect,
parentRect: DOMRect,
info: CanvasConnection,
target: ElementState
target: ElementState,
transformScale: number
) => {
const sourceHorizontalCenter = sourceRect.left - parentRect.left + sourceRect.width / 2;
const sourceVerticalCenter = sourceRect.top - parentRect.top + sourceRect.height / 2;
// Convert from connection coords to DOM coords
const x1 = sourceHorizontalCenter + (info.source.x * sourceRect.width) / 2;
const y1 = sourceVerticalCenter - (info.source.y * sourceRect.height) / 2;
const x1 = sourceHorizontalCenter + (info.source.x * sourceRect.width) / 2 / transformScale;
const y1 = sourceVerticalCenter - (info.source.y * sourceRect.height) / 2 / transformScale;
let x2;
let y2;
@@ -218,6 +219,8 @@ export const calculateCoordinates = (
x2 = parentHorizontalCenter + (info.target.x * parentRect.width) / 2;
y2 = parentVerticalCenter - (info.target.y * parentRect.height) / 2;
}
x2 /= transformScale;
y2 /= transformScale;
return { x1, y1, x2, y2 };
};