Rotate Function in New Visu Severely Distorts Objects and Bounding Box

[savaskorkmaz]

Hi,
While working with the new Visu graphical editor, I noticed a serious issue with the rotate function applied to objects/icons.
You can see the problem clearly in the attached screenshot:

• The first icon is the original, unmodified icon.
  
• The second icon is the same icon rotated by 45°.
  
• The third icon is the rotated icon which I tried to manually correct by stretching its sides — but it is still visually incorrect.
  

The main problems are:

1. The icon shape becomes distorted after rotation
   When the object is rotated (for example 45°), its proportions and geometry are no longer preserved.
   In modern SCADA / HMI systems, rotating an object should not deform or reshape it — only its orientation should change.
   
2. The bounding box becomes extremely large
   After rotating the object, the active (blue) bounding area grows significantly.
   When I try to manually fix the shape, the bounding box becomes even larger.
   

This causes several issues:

• The clickable / active area becomes much bigger than the icon itself
  
• Object alignment becomes difficult
  
• Selection and layout accuracy are affected
  
• The visual result looks incorrect and unprofessional
  

This behavior is not consistent with standard SCADA / visualization tools, where:

• Rotation preserves the original object form
  
• The bounding box scales properly
  
• The interaction area remains tight around the object
  

I would kindly request that the rotate engine be reviewed and improved so that:

• Rotation applies only angular transformation
  
• Object geometry remains intact
  
• Bounding box remains correct and proportional
  

This is an important requirement especially for professional visualization and control projects.

---

---

a note : rotate 45 degree CSS code is working wery well. But we don't want to use CSS for every rotate degree. Can you make your rotate function like css ?

[Daniel]

Rotate function will work correctly only on a square elements, make your custom icon square with the element in the middle.

[savaskorkmaz]

Hi , in modern scada systems we almost don't have any square elements. Many fans, pipes %90 of the elements are not square. We require it will work like CSS code which is working as now.
.rot45 { transform: rotate(45deg); }