--- title: "IEllipseItemData | Customer's Canvas On-Premises" canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IEllipseItemData/" --- # IEllipseItemData > A structure defining the default parameters of ellipses. ## Interfaces ### IEllipseItemData #### Remarks You can apply these parameters to the `ellipse` object through either **clientConfig.json** or [IConfiguration https://customerscanvas.com/dev/editors/iframe-api/reference/design-editor-iframe/iconfiguration.html\|IConfiguration](https://customerscanvas.com/dev/editors/iframe-api/reference/design-editor-iframe/iconfiguration.html). #### Example ```json { "defaultItemsConfig": { "ellipse": { "borderWidth": 2, "borderColor": "rgba(155,0,0,0.55)", "textWrappingMode": "tight", "shapePermissions": { "allowChangeBorderWidth": false }, "location": { "x": "50%", "y": "0%", "originX": "right", "originY": "top" } } } } ``` #### Extends - [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata) #### Properties ##### adjustSize? ```ts optional adjustSize?: boolean; ``` ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`adjustSize`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#adjustsize) ##### angle? ```ts optional angle?: number; ``` An angle, which design elements are rotated to. By default, this value is `0`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`angle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#angle) ##### blendMode? ```ts optional blendMode?: BlendMode; ``` A blend mode that applies to design elements being added to the canvas. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`blendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#blendmode) ##### borderColor? ```ts optional borderColor?: string; ``` The border color. The default value is `"rgba(0,0,0,1)"`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`borderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#bordercolor) ##### borderWidth? ```ts optional borderWidth?: number; ``` The border width, in points. The default value is `1`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`borderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#borderwidth) ##### fillColor? ```ts optional fillColor?: string; ``` The fill color for shapes and placeholders. The default value is `"rgba(112,112,112,1)"` for shapes and is `"rgba(0,0,0,0)"` for image placeholders. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`fillColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#fillcolor) ##### height? ```ts optional height?: string | number; ``` The height of design elements being added to the canvas, in points or percent. For QR codes, the `width` value is used for both `width` and `height`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`height`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#height) ##### isVariable? ```ts optional isVariable?: boolean; ``` Marks a design element as a variable item. The default value is `false`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`isVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#isvariable) ##### itemPermissions? ```ts optional itemPermissions?: IItemPermissionsData; ``` A structure defining the Item Menu and the Floating item toolbar for design elements. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`itemPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#itempermissions) ##### location? ```ts optional location?: ILocationData; ``` The coordinates of design elements being added to the canvas. By default, you can add them to the center of your product. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`location`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#location) ##### manipulationPermissions? ```ts optional manipulationPermissions?: IManipulationPermissionsData; ``` A structure defining the manipulation permissions for design elements. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`manipulationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#manipulationpermissions) ##### name? ```ts optional name?: string; ``` The name of design elements being added to the canvas. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`name`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#name) ##### opacity? ```ts optional opacity?: number; ``` An opacity that applies to design elements. This value can be from `0` to `1`. By default, it is `1`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`opacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#opacity) ##### overprintFill? ```ts optional overprintFill?: boolean; ``` ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`overprintFill`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#overprintfill) ##### overprintStroke? ```ts optional overprintStroke?: boolean; ``` ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`overprintStroke`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#overprintstroke) ##### shapePermissions? ```ts optional shapePermissions?: IShapePermissionsData; ``` Defines permissions for shapes. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`shapePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#shapepermissions) ##### textWrappingMode? ```ts optional textWrappingMode?: WrappingMode; ``` A wrapping mode that applies to wrap text around design elements, one of `"none"`, `"square"`, or `"tight"`. By default, it is `"none"`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`textWrappingMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#textwrappingmode) ##### themeBinding? ```ts optional themeBinding?: IThemeBindingData; ``` A style or a color that applies to new design elements. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`themeBinding`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#themebinding) ##### violationSettings? ```ts optional violationSettings?: IViolationSettings; ``` A structure defining the design validation parameters and warnings. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`violationSettings`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#violationsettings) ##### visible? ```ts optional visible?: boolean; ``` Indicates whether the design element is visible on the canvas. The default value is `true`. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`visible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#visible) ##### visualizationPermissions? ```ts optional visualizationPermissions?: IVisualizationPermissionsData; ``` A structure defining the visualization permissions for design elements. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`visualizationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#visualizationpermissions) ##### width? ```ts optional width?: string | number; ``` The width of design elements being added to the canvas, in points or percent. ###### Inherited from [`IShapeItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#ishapeitemdata).[`width`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IShapeItemData.md#width)