Pixi’VNInterface: AdditionalPositionsExtensionProps
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:3
Extended by
Properties
align?
> optional align?: number | Partial<PointData>
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:13
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?
> optional percentagePosition?: number | Partial<PointData>
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:43
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?
> optional percentageX?: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:53
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?
> optional percentageY?: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:63
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?
> optional xAlign?: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:23
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?
> optional yAlign?: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:33
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.