Interface IResizeGripsPermissions

A structure defining the grips that appear on bounding rectangles.

Package: @aurigma/design-atoms-interfaces

Examples

You can enable proportional resizing on dragging the corner grips and arbitrarily resizing on dragging the corner griips with holding the Shift key as follows:

{
   "defaultItemsConfig": {
       "image": {
           "manipulationPermissions": {
               "resizeGrips": {
                   "corner": ["Proportional", "Arbitrary"],
                   "edge": false
               }
           }
       }
   }
}

Properties

corner

An array of one or two elements enabling corner grips. The array elements are either "Proportional" or "Arbitrary". The second element of the corner array defines how design elements should be resized when the user drags corner grips while holding down the Shift key. To disallow any rotation, pass an empty array.

Declaration

corner?: ResizeGripsCorner[];

Property Value

Type	Description
ResizeGripsCorner[]	An array of one or two elements enabling corner grips. The array elements are either "Proportional" or "Arbitrary". The second element of the corner array defines how design elements should be resized when the user drags corner grips while holding down the Shift key. To disallow any rotation, pass an empty array.

edge

Enables side grips to resize elements arbitrarily.

Declaration

edge?: boolean;

Property Value

Type	Description
boolean	Enables side grips to resize elements arbitrarily.