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



Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:66](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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/998c1a75c5978f24c0dc137af5f42b90b2803967/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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does not affect the alignment.