# Interface: AdditionalPositionsExtensionProps (/jsdoc/pixi-vn/index/interfaces/AdditionalPositionsExtensionProps) Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:3](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L3) Extended by [#extended-by] * [`ContainerOptions`](/jsdoc/pixi-vn/index/interfaces/ContainerOptions) * [`SpriteOptions`](/jsdoc/pixi-vn/index/interfaces/SpriteOptions) * [`TextOptions`](/jsdoc/pixi-vn/index/interfaces/TextOptions) * [`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory) * [`SpriteBaseMemory`](/jsdoc/pixi-vn/index/interfaces/SpriteBaseMemory) * [`TextMemory`](/jsdoc/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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/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] \> `optional` **percentageX?**: `number` Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:53](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/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] \> `optional` **percentageY?**: `number` Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:63](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/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. *** xAlign? [#xalign] \> `optional` **xAlign?**: `number` Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:23](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#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/998c1a75c5978f24c0dc137af5f42b90b2803967/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](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does not affect the alignment.