Open Design

Interface IEffects

octopus
{ blurs?: Array<{ angle?: number; brightness?: number; center?: { x: number; y: number }; id?: string; opacity?: number; radius?: number; type: "GAUSSIAN" | "MOTION" | "ZOOM" | "BACKGROUND" }>; borders?: Array<{ blendMode?: "BLEND_DIVIDE" | "BLEND_SUBTRACTION" | "COLOR" | "COLOR_BURN" | "COLOR_DODGE" | "DARKEN" | "DARKER_COLOR" | "DIFFERENCE" | "DISSOLVE" | "EXCLUSION" | "HARD_LIGHT" | "HARD_MIX" | "HUE" | "LIGHTEN" | "LIGHTER_COLOR" | "LIGHTEN_BURN" | "LIGHTEN_DODGE" | "LIGHTEN_LIGHT" | "LUMINOSITY" | "MULTIPLY" | "OVERLAY" | "PASS_THROUGH" | "PIN_LIGHT" | "SATURATION" | "SCREEN" | "SOFT_LIGHT" | "VIVID_LIGHT" | "NORMAL"; color?: { a: number; b: number; g: number; r: number }; dashOffset?: number; dashSet?: Array<number>; default?: boolean; gradient?: { angle?: number; ellipseLength?: number; from?: Array<number>; invert?: boolean; offset: { horizontal: number; vertical: number }; relativeTo: "layer" | "document"; scale?: number; stops?: { color: { a: number; b: number; g: number; r: number }; exp?: number; location: number; reverseExp?: boolean }; to?: Array<number>; type: "linear" | "radial" }; id?: string; lineAlignment?: "outside" | "inside" | "center"; lineCap?: "round" | "butt" | "square"; lineJoin?: "bevel" | "round" | "miter"; miterLimit?: number; overprint?: boolean; pattern?: { filename: string; offset: { horizontal: number; vertical: number }; opacity?: number; relativeTo: "layer" | "document"; scale?: number; type: "fill" | "fit" | "stretch" | "tile" }; style?: "solid" | "dotted" | "dashed"; width: number }>; fills?: Array<{ blendMode?: "BLEND_DIVIDE" | "BLEND_SUBTRACTION" | "COLOR" | "COLOR_BURN" | "COLOR_DODGE" | "DARKEN" | "DARKER_COLOR" | "DIFFERENCE" | "DISSOLVE" | "EXCLUSION" | "HARD_LIGHT" | "HARD_MIX" | "HUE" | "LIGHTEN" | "LIGHTER_COLOR" | "LIGHTEN_BURN" | "LIGHTEN_DODGE" | "LIGHTEN_LIGHT" | "LUMINOSITY" | "MULTIPLY" | "OVERLAY" | "PASS_THROUGH" | "PIN_LIGHT" | "SATURATION" | "SCREEN" | "SOFT_LIGHT" | "VIVID_LIGHT" | "NORMAL"; color?: { a: number; b: number; g: number; r: number }; default?: boolean; gradient?: { angle?: number; ellipseLength?: number; from?: Array<number>; invert?: boolean; offset: { horizontal: number; vertical: number }; relativeTo: "layer" | "document"; scale?: number; stops?: { color: { a: number; b: number; g: number; r: number }; exp?: number; location: number; reverseExp?: boolean }; to?: Array<number>; type: "linear" | "radial" }; id?: string; nocolor?: boolean; pattern?: { filename: string; offset: { horizontal: number; vertical: number }; opacity?: number; relativeTo: "layer" | "document"; scale?: number; type: "fill" | "fit" | "stretch" | "tile" } }>; shadows?: Array<{ blendMode?: "BLEND_DIVIDE" | "BLEND_SUBTRACTION" | "COLOR" | "COLOR_BURN" | "COLOR_DODGE" | "DARKEN" | "DARKER_COLOR" | "DIFFERENCE" | "DISSOLVE" | "EXCLUSION" | "HARD_LIGHT" | "HARD_MIX" | "HUE" | "LIGHTEN" | "LIGHTER_COLOR" | "LIGHTEN_BURN" | "LIGHTEN_DODGE" | "LIGHTEN_LIGHT" | "LUMINOSITY" | "MULTIPLY" | "OVERLAY" | "PASS_THROUGH" | "PIN_LIGHT" | "SATURATION" | "SCREEN" | "SOFT_LIGHT" | "VIVID_LIGHT" | "NORMAL"; blur?: number; choke?: number; color?: { a: number; b: number; g: number; r: number }; contour?: Array<{ ceil: number; floor: number; points: Array<{ x: number; y: number }> }>; glow?: boolean; id?: string; inset?: boolean; x?: number; y?: number }> }

Keys:

Optionalblurs?: Array<{ angle?: number; brightness?: number; center?: { x: number; y: number }; id?: string; opacity?: number; radius?: number; type: "GAUSSIAN" | "MOTION" | "ZOOM" | "BACKGROUND" }>

An array containing the blur effects of the layer.

Optionalborders?: Array<{ blendMode?: "BLEND_DIVIDE" | "BLEND_SUBTRACTION" | "COLOR" | "COLOR_BURN" | "COLOR_DODGE" | "DARKEN" | "DARKER_COLOR" | "DIFFERENCE" | "DISSOLVE" | "EXCLUSION" | "HARD_LIGHT" | "HARD_MIX" | "HUE" | "LIGHTEN" | "LIGHTER_COLOR" | "LIGHTEN_BURN" | "LIGHTEN_DODGE" | "LIGHTEN_LIGHT" | "LUMINOSITY" | "MULTIPLY" | "OVERLAY" | "PASS_THROUGH" | "PIN_LIGHT" | "SATURATION" | "SCREEN" | "SOFT_LIGHT" | "VIVID_LIGHT" | "NORMAL"; color?: { a: number; b: number; g: number; r: number }; dashOffset?: number; dashSet?: Array<number>; default?: boolean; gradient?: { angle?: number; ellipseLength?: number; from?: Array<number>; invert?: boolean; offset: { horizontal: number; vertical: number }; relativeTo: "layer" | "document"; scale?: number; stops?: { color: { a: number; b: number; g: number; r: number }; exp?: number; location: number; reverseExp?: boolean }; to?: Array<number>; type: "linear" | "radial" }; id?: string; lineAlignment?: "outside" | "inside" | "center"; lineCap?: "round" | "butt" | "square"; lineJoin?: "bevel" | "round" | "miter"; miterLimit?: number; overprint?: boolean; pattern?: { filename: string; offset: { horizontal: number; vertical: number }; opacity?: number; relativeTo: "layer" | "document"; scale?: number; type: "fill" | "fit" | "stretch" | "tile" }; style?: "solid" | "dotted" | "dashed"; width: number }>

An array containing the border effects of the layer.

Optionalfills?: Array<{ blendMode?: "BLEND_DIVIDE" | "BLEND_SUBTRACTION" | "COLOR" | "COLOR_BURN" | "COLOR_DODGE" | "DARKEN" | "DARKER_COLOR" | "DIFFERENCE" | "DISSOLVE" | "EXCLUSION" | "HARD_LIGHT" | "HARD_MIX" | "HUE" | "LIGHTEN" | "LIGHTER_COLOR" | "LIGHTEN_BURN" | "LIGHTEN_DODGE" | "LIGHTEN_LIGHT" | "LUMINOSITY" | "MULTIPLY" | "OVERLAY" | "PASS_THROUGH" | "PIN_LIGHT" | "SATURATION" | "SCREEN" | "SOFT_LIGHT" | "VIVID_LIGHT" | "NORMAL"; color?: { a: number; b: number; g: number; r: number }; default?: boolean; gradient?: { angle?: number; ellipseLength?: number; from?: Array<number>; invert?: boolean; offset: { horizontal: number; vertical: number }; relativeTo: "layer" | "document"; scale?: number; stops?: { color: { a: number; b: number; g: number; r: number }; exp?: number; location: number; reverseExp?: boolean }; to?: Array<number>; type: "linear" | "radial" }; id?: string; nocolor?: boolean; pattern?: { filename: string; offset: { horizontal: number; vertical: number }; opacity?: number; relativeTo: "layer" | "document"; scale?: number; type: "fill" | "fit" | "stretch" | "tile" } }>

An array containing the fill effects of the layer.

Optionalshadows?: Array<{ blendMode?: "BLEND_DIVIDE" | "BLEND_SUBTRACTION" | "COLOR" | "COLOR_BURN" | "COLOR_DODGE" | "DARKEN" | "DARKER_COLOR" | "DIFFERENCE" | "DISSOLVE" | "EXCLUSION" | "HARD_LIGHT" | "HARD_MIX" | "HUE" | "LIGHTEN" | "LIGHTER_COLOR" | "LIGHTEN_BURN" | "LIGHTEN_DODGE" | "LIGHTEN_LIGHT" | "LUMINOSITY" | "MULTIPLY" | "OVERLAY" | "PASS_THROUGH" | "PIN_LIGHT" | "SATURATION" | "SCREEN" | "SOFT_LIGHT" | "VIVID_LIGHT" | "NORMAL"; blur?: number; choke?: number; color?: { a: number; b: number; g: number; r: number }; contour?: Array<{ ceil: number; floor: number; points: Array<{ x: number; y: number }> }>; glow?: boolean; id?: string; inset?: boolean; x?: number; y?: number }>

An array containing the shadow effects of the layer.

getPatternBorders
getPatternBorders(): Array<IPatternBorderEffect>
returns Array<IPatternBorderEffect>
getPatternFills
getPatternFills(): Array<IPatternFillEffect>
returns Array<IPatternFillEffect>