Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

XPositionReference: Fix Selector and Append
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Siklos 2022-08-15 22:26:59 +02:00
parent 522cd722c0
commit 4fbc67835c
3 changed files with 31 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Components/SVG/Elements/Container.tsx
View file

@ -130,7 +130,7 @@ function GetChildrenDimensionProps(props: IContainerProps, dimensionMargin: numb
return { childrenId, xChildrenStart, xChildrenEnd, yChildren, textChildren };
}
function transformPosition(x: number, y: number, width: number, xPositionReference = XPositionReference.Left): [number, number] {
export function transformPosition(x: number, y: number, width: number, xPositionReference = XPositionReference.Left): [number, number] {
let transformedX = x;
if (xPositionReference === XPositionReference.Center) {
transformedX -= width / 2;

11
src/Components/SVG/Elements/Selector.tsx
View file

@ -1,6 +1,7 @@
import * as React from 'react';
import { IContainerModel } from '../../../Interfaces/IContainerModel';
import { getAbsolutePosition } from '../../../utils/itertools';
import { transformPosition } from './Container';
interface ISelectorProps {
selected: IContainerModel | null
@ -15,6 +16,12 @@ export const Selector: React.FC<ISelectorProps> = (props) => {
}
const [x, y] = getAbsolutePosition(props.selected);
const [transformedX, transformedY] = transformPosition(
x,
y,
Number(props.selected.properties.width),
props.selected.properties.XPositionReference
);
const [width, height] = [
props.selected.properties.width,
props.selected.properties.height
@ -31,8 +38,8 @@ export const Selector: React.FC<ISelectorProps> = (props) => {
return (
<rect
x={x}
y={y}
x={transformedX}
y={transformedY}
width={width}
height={height}
style={style}