Rotate Change in Diagram Component

[Andrew]

Can i Snap the rotation for the rotateChange event closest to 90 degree?

[Balasubramanian Manikandan]

Hi Andrew,

Yes, you can snap the  rotation for the rotateChange event closest to 90 degree, by applying snapAngle in the snapSettings. Please find the code example and sample below.

Code Snippet :

 

import {  Snapping,  Inject } from '@syncfusion/ej2-react-diagrams';

 

DiagramComponent.Inject(Snapping);

 

    snapSettings={{

                snapAngle: 90,

              }}

 

Sample:

https://stackblitz.com/edit/react-zappwy?file=index.js

Regards,

Balasubramanian M

[Andrew]

thank u so much, I appreciate ur help, I tried to use the args from the rotateChange function and then setting the angle in the diagram instance and it actually worked well

code snippet:

rotateChange={(args)=>{

if(args.state === 'Completed'){

diagramInstance.getObject(args.source.nodes.map(node=>(

node.rotateAngle = Math.round(args.newValue.rotateAngle/90)*90

)))

}}}

[Balasubramanian Manikandan]

Hi Andrew,

We are happy to hear that your problem has been resolved.

Thanks,

Balasubramanian M