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



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

## Properties [#properties]

### align [#align]

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

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

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]

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

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

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]

\> **percentageX**: `number`

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

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]

\> **percentageY**: `number`

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

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.

***

### positionInfo [#positioninfo]

\> `readonly` **positionInfo**: `object`

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

#### type [#type]

\> **type**: `"pixel"` | `"percentage"` | `"align"`

#### x [#x]

\> **x**: `number`

#### y [#y]

\> **y**: `number`

***

### positionType [#positiontype]

\> `readonly` **positionType**: `"pixel"` | `"percentage"` | `"align"`

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

***

### xAlign [#xalign]

\> **xAlign**: `number`

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

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]

\> **yAlign**: `number`

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

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.