# Interface: AdditionalPositionsExtensionProps (/pixi-vn/index/interfaces/AdditionalPositionsExtensionProps)



Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:3](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L3)

## Extended by [#extended-by]

* [`ContainerOptions`](/pixi-vn/index/interfaces/ContainerOptions)
* [`SpriteOptions`](/pixi-vn/index/interfaces/SpriteOptions)
* [`TextOptions`](/pixi-vn/index/interfaces/TextOptions)
* [`ContainerMemory`](/pixi-vn/index/interfaces/ContainerMemory)
* [`SpriteBaseMemory`](/pixi-vn/index/interfaces/SpriteBaseMemory)
* [`TextMemory`](/pixi-vn/index/interfaces/TextMemory)

## Properties [#properties]

### align? [#align]

\> `optional` **align?**: `number` | `Partial`\<`PointData`>

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:13](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L13)

is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
For example:

* if you set align to 0.5, the element will be in the center of the canvas.
* if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
* if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.

**Important:** The PixiContainer.pivot field does not affect the alignment.

***

### percentagePosition? [#percentageposition]

\> `optional` **percentagePosition?**: `number` | `Partial`\<`PointData`>

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:43](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L43)

is a way to set the position of the element in the canvas calculated in percentage.
For example, if you set the PixiContainer.pivot to 0.5, and:

* if you set percentagePosition to 0.5, the element will be in the center of the canvas.
* If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
* If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.

**Important:** The PixiContainer.pivot field does affect the percentagePosition.

***

### percentageX? [#percentagex]

\> `optional` **percentageX?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:53](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L53)

is a way to set the position of the element in the canvas calculated in percentage.
For example, if you set the PixiContainer.pivot to 0.5, and:

* if you set percentagePosition to 0.5, the element will be in the center of the canvas.
* If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
* If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.

**Important:** The PixiContainer.pivot field does affect the percentagePosition.

***

### percentageY? [#percentagey]

\> `optional` **percentageY?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:63](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L63)

is a way to set the position of the element in the canvas calculated in percentage.
For example, if you set the PixiContainer.pivot to 0.5, and:

* if you set percentagePosition to 0.5, the element will be in the center of the canvas.
* If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
* If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.

**Important:** The PixiContainer.pivot field does affect the percentagePosition.

***

### xAlign? [#xalign]

\> `optional` **xAlign?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:23](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L23)

is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
For example:

* if you set align to 0.5, the element will be in the center of the canvas.
* if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
* if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.

**Important:** The PixiContainer.pivot field does not affect the alignment.

***

### yAlign? [#yalign]

\> `optional` **yAlign?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:33](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/components/AdditionalPositionsExtension.ts#L33)

is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
For example:

* if you set align to 0.5, the element will be in the center of the canvas.
* if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
* if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.

**Important:** The PixiContainer.pivot field does not affect the alignment.