Container

Creates a Container

A Container is the base component for all components that render to the screen. It can be used on its own, but components such as Sprite or Graphics will be composed of Containers

When child components are rendered inside, their coordinates become local to the parent Container.

API

Container Attributes

Name	Type	Default	Description
width	number		The width of the Container
height	number		The height of the Container
position	number array object	0	The position of the Container
x	number	0	The x coordinate of the Container
y	number	0	The y coordinate of the Container
pivot	number array object	0	The pivot point of the Container that it rotates around.
pivot-x	number	0	The x pivot point of the Container that it rotates around.
pivot-y	number	0	The y pivot point of the Container that it rotates around.
scale	number array object	1	The scale of the Container
scale-x	number	1	The x scale of the Container
scale-y	number	1	The y scale of the Container
skew	number array object	0	The skew of the Container
skew-x	number	0	The x skew of the Container
skew-y	number	0	The y skew of the Container
rotation	number	0	The rotation of the Container
event-mode	enum	'auto'	The event mode of the Container
alpha	number	1	The opacity of the Container
mask	object	undefined	The mask of the Container
hit-area	object	undefined	The hit area of the Container

more attributes in PIXI.Container

Container Events

Name	Type	Description
added	function	when the Container is added to the stage
child-added	function	when a child is added to the Container
child-removed	function	when a child is removed from the Container
removed	function	when the Container is removed from the stage
render	function	custom rendering listener
click	function	when the Container is clicked
mousedown	function	when the mouse button is pressed down on the Container
mouseup	function	when the mouse button is released over the Container
mouseover	function	when the mouse cursor moves over the Container
mouseout	function	when the mouse cursor moves out of the Container
mousemove	function	when the mouse cursor moves while over the Container
mouseupoutside	function	when the mouse button is released outside the Container
pointercancel	function	when a pointer event is canceled
pointerdown	function	when a pointer down event is detected
pointermove	function	when a pointer move event is detected
pointerout	function	when a pointer leaves event is detected
pointerover	function	when a pointer over event is detected
pointertap	function	when a pointer tap event is detected
pointerup	function	when a pointer up event is detected
pointerupoutside	function	when a pointer up outside event is detected
tab	function	when a tab event is detected
touchcancel	function	when a touch cancel event is detected
touchend	function	when a touch end event is detected
touchendoutside	function	when a touch end outside event is detected
touchmove	function	when a touch move event is detected
touchstart	function	when a touch start event is detected

more events in PIXI.Container

Graphics Slots

Name	Description
default	The default slot is used to render the children of the Container element.