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

Implement #7978: Add double click event to rescale and replace the viewer

Browse source
This commit is contained in:
Eric NGUYEN 2023-01-25 15:33:49 +01:00
parent caa680b511
commit 4053763e44
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/Components/SVG/SVG.tsx
View file

@ -109,6 +109,9 @@ export function SVG(props: ISVGProps): JSX.Element {
const value = event as Value; const value = event as Value;
setScale(value.a); setScale(value.a);
}} }}
onDoubleClick={() => {
svgViewer?.current?.setPointOnViewerCenter(props.width / 2, props.height / 2, 0.8);
}}
background={'#ffffff'} background={'#ffffff'}
defaultTool='pan' defaultTool='pan'
miniatureProps={{ miniatureProps={{
@ -131,6 +134,7 @@ export function SVG(props: ISVGProps): JSX.Element {
function UseFitOnce(svgViewer: React.RefObject<ReactSVGPanZoom>, width: number, height: number): void { function UseFitOnce(svgViewer: React.RefObject<ReactSVGPanZoom>, width: number, height: number): void {
React.useEffect(() => { React.useEffect(() => {
svgViewer?.current?.fitToViewer(); // TODO: Fix this
svgViewer?.current?.setPointOnViewerCenter(width / 2, height / 2, 0.8);
}, [svgViewer, width, height]); }, [svgViewer, width, height]);
} }