Pixi’VNInterface: AdditionalPositionsExtension
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:66
Properties
align
> align: number | Partial<PointData>
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:76
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: number | Partial<PointData>
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:106
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: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:116
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: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:126
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
> readonly positionInfo: object
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:128
type
> type: "pixel" | "percentage" | "align"
x
> x: number
y
> y: number
positionType
> readonly positionType: "pixel" | "percentage" | "align"
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:127
xAlign
> xAlign: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:86
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: number
Defined in: src/canvas/components/AdditionalPositionsExtension.ts:96
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.