diff --git a/packages/core/src/AvatarEditor.ts b/packages/core/src/AvatarEditor.ts index 23cfd90..70f254e 100644 --- a/packages/core/src/AvatarEditor.ts +++ b/packages/core/src/AvatarEditor.ts @@ -29,6 +29,7 @@ export class AvatarEditorCore { borderRadius: 0, scale: 1, rotate: 0, + position: undefined, color: [0, 0, 0, 0.5], backgroundColor: '', borderColor: undefined, @@ -201,8 +202,8 @@ export class AvatarEditorCore { const imageState: ImageState = { ...this.getInitialSize(image.width, image.height), resource: image, - x: 0.5, - y: 0.5, + x: this.config.position?.x ?? 0.5, + y: this.config.position?.y ?? 0.5, } this.imageState = imageState diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts index 686ca36..820f51b 100644 --- a/packages/core/src/types.ts +++ b/packages/core/src/types.ts @@ -18,6 +18,7 @@ export interface AvatarEditorConfig { borderRadius?: number scale?: number rotate?: number + position?: Position color?: [number, number, number, number?] backgroundColor?: string borderColor?: [number, number, number, number?] diff --git a/packages/lib/src/index.ts b/packages/lib/src/index.ts index 86b51e6..8bfeaf2 100644 --- a/packages/lib/src/index.ts +++ b/packages/lib/src/index.ts @@ -85,6 +85,7 @@ const AvatarEditor = forwardRef((props, ref) => { border, borderRadius, scale, + position, rotate, color, backgroundColor, @@ -138,6 +139,7 @@ const AvatarEditor = forwardRef((props, ref) => { border, borderRadius, scale, + position, rotate, color, backgroundColor, @@ -155,6 +157,7 @@ const AvatarEditor = forwardRef((props, ref) => { border, borderRadius, scale, + position, rotate, color, backgroundColor,