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

TRULY Fix symbol position on scale

Browse source
This commit is contained in:
Eric NGUYEN 2022-10-04 16:00:27 +02:00
parent 7121f0aae5
commit 84f968a872
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/Components/SVG/Elements/Symbol.tsx
View file

@ -33,12 +33,12 @@ export function Symbol(props: ISymbolProps): JSX.Element {
preserveAspectRatio="none" preserveAspectRatio="none"
style={{ style={{
fill: 'none', fill: 'none',
transform: `scale(${1 / props.scale}) translateX(-50%) translateY(-100%)`, transform: 'translateY(-100%) translateX(-50%)',
transformBox: 'fill-box' transformBox: 'fill-box'
}} }}
x={props.model.x} x={props.model.x + props.model.width / 2}
y={-SYMBOL_MARGIN / props.scale} y={-SYMBOL_MARGIN}
height={props.model.height} height={props.model.height / props.scale}
width={props.model.width} /> width={props.model.width / props.scale} />
); );
} }