Class: Graphics

PIXI~Graphics

Graphics类包含一些方法,这些方法可将原始形状(例如线条,圆形和矩形)绘制到显示器上,并为它们上色和填充。

请注意,由于图形可以与其他实例共享GraphicsGeometry。 有必要调用destroy() 来正确地解除对底层GraphicsGeometry的引用并避免内存泄漏。 或者,继续使用相同的Graphics实例,并在重绘之间调用 clear()

new Graphics (geometry)

Name Type Default Description
geometry PIXI.GraphicsGeometry null optional

要使用的Geometry(如果省略)将创建一个新的GraphicsGeometry实例。

Extends

Members

_accessibleActive boolean inherited overrides

TODO
  • Needs docs.

_accessibleDiv boolean inherited overrides

TODO
  • Needs docs.

bounds对象,用于计算和存储displayObject的边界。

_boundsID number protected inherited overrides

TODO

_boundsRect PIXI.Bounds protected inherited overrides

TODO

_destroyed boolean protected inherited overrides

如果对象已通过destroy()销毁, 则为true,此属性不应被使用。

_enabledFilters Array.<PIXI.Filter> protected inherited overrides

当前启用的滤镜

_fillStyle PIXI.FillStyle protected

当前填充样式

_holeMode boolean protected

Current hole mode is enabled.

Default Value:
  • false

_lastSortedIndex number protected inherited overrides

显示组件在子数组中的哪个索引在上一个zIndex排序之前。 由容器使用,通过使用前一个数组索引作为决策器,帮助对具有相同zIndex的对象进行排序。

_lineStyle PIXI.LineStyle protected

当前线样式

_localBoundsRect PIXI.Bounds protected inherited overrides

TODO

_mask PIXI.Graphics | PIXI.Sprite | null protected inherited overrides

对象的原始缓存掩罩。

_matrix PIXI.Matrix protected

当前形状变换矩阵。

_tempDisplayObjectParent PIXI.Container protected inherited overrides

_zIndex number protected inherited overrides

displayObject的zIndex。 较高的值意味着它将呈现在同一容器中其他显示对象的顶部。

accessible boolean inherited overrides

标记对象是否可访问。 如果为true,AccessibilityManager将使用属性集覆盖阴影div

accessibleChildren boolean inherited overrides

设置为false将阻止访问此容器中的所有子级。 默认为true。

Default Value:
  • true

accessibleHint string inherited overrides

设置阴影div的aria-label属性

accessiblePointerEvents string inherited overrides

指定可访问的div将使用的指针事件 默认为'auto'

Default Value:
  • 'auto'

accessibleTitle string nullable inherited overrides

设置阴影div的title属性。如果尚未设置accessibleTitle和accessibleHint,则默认为 'displayObject [tabIndex]'

accessibleType string inherited overrides

指定可访问层的div的类型。 屏幕阅读器会根据此类型对元素进行不同的处理。 默认为 button.

Default Value:
  • 'button'

alpha number inherited overrides

对象的不透明度。

angle number inherited overrides

物体的角度,以度为单位。 'rotation' 和 'angle' 对显示对象具有相同的效果; 旋转单位为弧度,角度单位为度。

batches Array.<object> protected

批处理集合!这些可以由渲染器批处理系统绘制。

batchTint number protected

更新dirty以限制批处理的计算色度。

Default Value:
  • -1

blendMode number

要应用于图形形状的混合模式。使用PIXI.BLEND_MODES.NORMAL,可以重置混合模式。

Default Value:
  • PIXI.BLEND_MODES.NORMAL;
See:

buttonMode boolean inherited overrides

如果启用,则鼠标光标悬停在displayObject上时,如果它是交互式的,则使用指针行为 设置此项会将'cursor'属性更改为''pointer'`。

Example
const sprite = new PIXI.Sprite(texture);
sprite.interactive = true;
sprite.buttonMode = true;

cacheAsBitmap boolean overrides

当cacheAsBitmap设置为true时,图形对象将被渲染为精灵。 如果您的图形元素不经常更改,这将很有用,因为它将加快对象的渲染速度,以换取占用的纹理内存。 如果您需要对图形对象进行抗锯齿处理,这也很有用,因为它将使用画布进行渲染。 如果您不断重绘图形元素,则不建议这样做。

Default Value:
  • false

children Array.<PIXI.DisplayObject> readonly inherited overrides

此容器的子级数组。

currentPath PIXI.Polygon protected

当前路径

cursor string inherited overrides

定义鼠标光标时使用的光标模式悬停在displayObject上。

See:
Example
const sprite = new PIXI.Sprite(texture);
sprite.interactive = true;
sprite.cursor = 'wait';

fill PIXI.FillStyle readonly

当前的填充样式。

filterArea PIXI.Rectangle nullable inherited overrides

设置滤镜的区域。这更多的是用作优化,而不是计算可以设置此矩形的每个帧的displayObject的尺寸。

也可用作交互掩罩。

filters Array.<PIXI.Filter> nullable inherited overrides

设置displayObject的滤镜。

  • 重要提示:这是一个WebGL独有的功能,将被画布渲染器忽略。 若要删除滤镜,只需将此属性设置为'null'

geometry PIXI.GraphicsGeometry readonly

在缓冲区内包括顶点位置,面索引,法线,颜色,UVs和自定义属性, 从而降低了将所有这些数据传递给GPU的成本。 可以在多个Mesh或Graphics对象之间共享。

graphicsData PIXI.Graphics Deprecated : since 5.0.0 readonly

See:

height number inherited overrides

容器的高度,设置此高度实际上会修改比例,以达到设置的值

元素可点击范围 互动形状。首先将命中子集,然后再检查此形状。 设置此项将导致在命中测试中将使用此范围,而不是显示对象的边界范围。

Example
const sprite = new PIXI.Sprite(texture);
sprite.interactive = true;
sprite.hitArea = new PIXI.Rectangle(0, 0, 100, 100);

interactive boolean inherited overrides

启用DisplayObject的交互事件。如果不将interactive设置为true,则不会触发触摸,指针和鼠标事件。

Example
const sprite = new PIXI.Sprite(texture);
sprite.interactive = true;
sprite.on('tap', (event) => {
   //处理事件
});

interactiveChildren boolean inherited overrides

确定是否可以触发displayObject的子节点的clicked/touched 设置为false将允许PixiJS绕过递归的hitTest函数

isMask boolean inherited overrides

是否还有其他displayObject将此对象用作遮罩?

isSprite boolean inherited overrides

用于快速检查精灵是否是.. 一个精灵!

line PIXI.LineStyle readonly

当前的线样式。

localTransform PIXI.Matrix readonly inherited overrides

基于局部因素的当前对象变换:位置、比例、其他内容。

设置displayObject的遮罩。遮罩是将对象的可见性限制为应用于其的遮罩形状的对象。 在PixiJS中,常规遮罩必须是PIXI.GraphicsPIXI.Sprite对象。 PIXI.Graphics or a PIXI.Sprite object. This allows for much faster masking in canvas as it 这样可以在画布中更快地进行遮罩,因为它实用程序形状剪辑。若要删除掩码,请将此属性设置为null

对于精灵遮罩,使用alpha和red通道。黑色遮罩与透明遮罩相同。

TODO
  • 目前,PIXI.CanvasRenderer不支持PIXI.Sprite作为遮罩。
Example
const graphics = new PIXI.Graphics();
graphics.beginFill(0xFF3300);
graphics.drawRect(50, 250, 100, 100);
graphics.endFill();

const sprite = new PIXI.Sprite(texture);
sprite.mask = graphics;

name string inherited overrides

The instance name of the object.

包含此显示对象的显示对象容器。

显示对象绕其旋转的轴心点。 pixi-v4开始按值传递。

pluginName string

批处理渲染器插件

Default Value:
  • 'batch'

对象相对于父对象的局部坐标的坐标。 pixi-v4开始按值传递。

renderable boolean inherited overrides

是否可以渲染此对象,如果为false,则不会绘制对象,但仍将调用updateTransform方法。

仅影响来自父级的递归调用。 您可以手动请求边界。

rotation number inherited overrides

物体的弧度旋转。 'rotation' 和 'angle' 对显示对象具有相同的效果; 旋转单位为弧度,角度单位为度。

对象的比例因子。 pixi-v4开始按值传递。

shader PIXI.Shader

表示处理几何图形并在GPU上运行的顶点和片段着色器。 可以在多个Graphics对象之间共享。

对象的歪斜因子,以弧度为单位。 pixi-v4开始按值传递。

sortableChildren boolean inherited overrides

如果设置为true,则在调用updateTransform()时容器将按zIndex值对其子级进行排序, 或者在调用sortChildren()时手动排序。

这实际上会更改数组中元素的顺序,因此应将其视为与其他解决方案相比性能不佳的基本解决方案, 例如 @link https://github.com/pixijs/pixi-display

还要注意,这可能无法很好地与addChildAt()函数一起工作, 因为zIndex排序可能会导致子项自动排序到另一个位置。

See:

sortDirty boolean inherited overrides

在下一次updateTransform调用时,是否应按zIndex对子级进行排序。 如果添加了新子级或子级的zIndex更改,则将自动设置为true。

state PIXI.State

表示要渲染的图形所需的WebGL状态,不包括着色器和几何。 例如: 混合模式,剔除,深度测试,渲染三角形的方向,背面等。

tint number

色彩应用于图形形状。这是一个十六进制值。值为0xFFFFFF时,将消除任何色调效果。

Default Value:
  • 0xFFFFFF

该对象的世界变换和局部变换。 稍后它将变为只读,除非您知道自己在做什么,否则请不要在其中分配任何内容。

vertexData Float32Array protected

对象顶点数据的副本。

visible boolean inherited overrides

对象的可见性。 如果为false,则不会绘制对象,并且不会调用updateTransform函数。

仅影响来自父级的递归调用。 您可以请求边界或手动调用updateTransform。

width number inherited overrides

容器的宽度,设置此值实际上会修改比例,以达到设置的值

worldAlpha number readonly inherited overrides

displayObject的相乘alpha。

worldTransform PIXI.Matrix readonly inherited overrides

基于世界(父)因素的对象的当前变换。

worldVisible boolean readonly inherited overrides

指示对象是否世界可见。

x number inherited overrides

displayObject在x轴上相对于父级本地坐标的位置。 position.x的别名

y number inherited overrides

displayObject在y轴上相对于父级本地坐标的位置 position.y的别名

zIndex number inherited overrides

displayObject的zIndex。 如果容器的sortableChildren属性设置为true,则子容器将按zIndex值自动排序;值越大,则表示它将移向数组的末尾, 并以此渲染在同一容器中的其他displayObjects之上。

Methods

_calculateBounds () protected overrides

以矩形对象的形式检索图形形状的边界

_initCurve (x, y) protected

初始化曲线

Name Type Default Description
x number 0 optional
y number 0 optional

_populateBatches () protected

填充要渲染的批处理

_recursivePostUpdateTransform () inherited overrides

递归地将所有对象的转换从根更新为此toLocal()的一个内部函数

_render (renderer) protected overrides

使用WebGL渲染器渲染对象

Name Type Description
renderer PIXI.Renderer

渲染器

_renderBatched (renderer) protected

使用BathedRenderer插件渲染批处理

Name Type Description
renderer PIXI.Renderer

渲染器

_renderDirect (renderer) protected

直接渲染图形

Name Type Description
renderer PIXI.Renderer

渲染器

_renderDrawCallDirect (renderer, drawCall)

渲染指定的DrawCall

Name Type Description
renderer PIXI.Renderer
drawCall PIXI.BatchDrawCall

_resolveDirectShader (renderer) protected

解析着色器以直接渲染

Name Type Description
renderer PIXI.Renderer

The renderer

将一个或多个子项添加到容器中。

可以像这样添加多个项: myContainer.addChild(thingOne, thingTwo, thingThree)

Name Type Description
children PIXI.DisplayObject repeatable

要添加到容器的显示对象(可以为复数个)

Returns:
Type Description
PIXI.DisplayObject 添加的第一个子项。

在指定索引处向容器添加子项。如果索引超出界限,将抛出一个错误

Name Type Description
child PIXI.DisplayObject

要添加的子项

index number

放置子项的索引

Returns:
Type Description
PIXI.DisplayObject 添加的子项。

arc (cx, cy, radius, startAngle, endAngle, anticlockwise)PIXI.Graphics

圆弧方法创建圆弧/曲线(用于创建圆或圆的一部分)。

Name Type Default Description
cx number

圆心的x坐标

cy number

圆心的y坐标

radius number

圆的半径

startAngle number

起始角度,以弧度为单位(0是圆弧的3点位置)

endAngle number

终止角度,以弧度为单位

anticlockwise boolean false optional

指定图形是逆时针还是顺时针。 false 是默认值,表示顺时针,而true表示逆时针。

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

arcTo (x1, y1, x2, y2, radius)PIXI.Graphics

arcTo()方法在画布上的两个切线之间创建弧/曲线。

来自 https://code.google.com/p/fxcanvas/ 的 "borrowed" - 感谢 google!

Name Type Description
x1 number

圆弧的第一个切点的x坐标

y1 number

圆弧的第一个切点的y坐标

x2 number

圆弧末端的x坐标

y2 number

圆弧末端的y坐标

radius number

圆弧半径

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

beginFill (color, alpha)PIXI.Graphics

指定一个简单的单色填充,随后调用其他Graphics方法 (例如:lineTo()drawCircle())在绘制时使用。

Name Type Default Description
color number 0 optional

填充的颜色

alpha number 1 optional

填充的Alpha

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

开始向最后的绘制形状添加孔 重要提示:孔必须完全在形状内才能起作用 如果孔重叠,也会产生怪异! 在CanvasRenderer中,椭圆,圆,矩形和圆形矩形不能是孔或孔的宿主, 如果您依赖pixi-legacy捆绑包,请使用moveTolineToquadraticCurveTo

Returns:
Type Description
PIXI.Graphics Returns itself.

beginTextureFill (options)PIXI.Graphics

开始纹理填充

Name Type Description
options object optional

Object object.

Name Type Default Description
texture PIXI.Texture PIXI.Texture.WHITE optional

填充纹理

color number 0xffffff optional

填充纹理的背景

alpha number 1 optional

填充Alpha

matrix PIXI.Matrix null optional

变换矩阵

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

bezierCurveTo (cpX, cpY, cpX2, cpY2, toX, toY)PIXI.Graphics

计算贝塞尔曲线的点,然后绘制它。

Name Type Description
cpX number

控制点x

cpY number

控制点y

cpX2 number

第二控制点x

cpY2 number

第二控制点y

toX number

目的点x

toY number

目的点y

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

calculateBounds () inherited overrides

Recalculates the bounds of the container.

calculateTints () protected

通过对使用图形色调的批处理应用色调来重新计算色调。

calculateVertices () protected

如果存在变换更新或几何形状的更改,请重新计算顶点。

清除绘制到此Graphics对象的图形,并重置填充和线条样式设置。

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

创建一个具有与此值相同值的新Graphics对象。 请注意,仅克隆对象的属性,而不克隆其变换(位置,比例等)

Returns:
Type Description
PIXI.Graphics 图形对象的克隆

关闭当前路径。

Returns:
Type Description
PIXI.Graphics 返回自身。

containsPoint (point)boolean

测试点是否在此图形对象内

Name Type Description
point PIXI.Point

the point to test

Returns:
Type Description
boolean the result of the test

destroy (options) overrides

销毁Graphics对象。

Name Type Description
options object | boolean optional

Options parameter. A boolean will act as if all options have been set to that value

Name Type Default Description
children boolean false optional

if set to true, all the children will have their destroy method called as well. 'options' will be passed on to those calls.

texture boolean false optional

Only used for child Sprites if options.children is set to true Should it destroy the texture of the child sprite

baseTexture boolean false optional

Only used for child Sprites if options.children is set to true Should it destroy the base texture of the child sprite

displayObjectUpdateTransform () inherited overrides

DisplayObject默认为updateTransform,不更新容器的子级。 如果没有父元素,则会崩溃。

drawCircle (x, y, radius)PIXI.Graphics

绘制一个圆。

Name Type Description
x number

圆心的X坐标

y number

圆心的Y坐标

radius number

圆的半径

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

drawEllipse (x, y, width, height)PIXI.Graphics

绘制一个椭圆。

Name Type Description
x number

椭圆中心的X坐标

y number

椭圆中心的Y坐标

width number

椭圆的半宽

height number

椭圆的半高

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

drawPolygon (path)PIXI.Graphics

使用指定的路径绘制多边形。

Name Type Description
path Array.<number> | Array.<PIXI.Point> | PIXI.Polygon

用于构造多边形的路径数据。

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

drawRect (x, y, width, height)PIXI.Graphics

绘制一个矩形。

Name Type Description
x number

矩形左上角的X坐标

y number

矩形左上角的Y坐标

width number

矩形的宽度

height number

矩形的高度

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

drawRoundedRect (x, y, width, height, radius)PIXI.Graphics

绘制一个带有圆角/斜角的矩形。

Name Type Description
x number

矩形左上角的X坐标

y number

矩形左上角的Y坐标

width number

矩形的宽度

height number

矩形的高度

radius number

矩形角度的半径

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

drawShape (shape)PIXI.Graphics

绘制任意形状。

Name Type Description
shape PIXI.Circle | PIXI.Ellipse | PIXI.Polygon | PIXI.Rectangle | PIXI.RoundedRectangle

绘制形状

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

drawStar (x, y, points, radius, innerRadius, rotation)PIXI.Graphics

用任意数量的点画一个星形。

Name Type Default Description
x number

星的中心X位置

y number

星的中心Y位置

points number

星星的点数必须 > 1

radius number

星星的外半径

innerRadius number optional

点之间的内半径,默认为radius的一半

rotation number 0 optional

星星自转的弧度,其中0为垂直

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

对自上一次调用beginFill()方法以来添加的线条和形状应用填充。

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

结束向最后的绘制形状添加孔

Returns:
Type Description
PIXI.Graphics Returns itself.

finishPoly () protected

完成多边形对象。

generateCanvasTexture (scaleMode, resolution)PIXI.Texture

生成画布纹理。 仅适用于 pixi.js-legacy 包或 @pixi/canvas-graphics 包。

Name Type Description
scaleMode number

纹理的缩放模式。

resolution number

纹理的分辨率。

Returns:
Type Description
PIXI.Texture 新的纹理

以矩形对象的形式获取displayObject的边界。

Name Type Description
skipUpdate boolean optional

设置为true将阻止场景图的变换被更新。这意味着返回的计算可能已经过时, 但会给您带来很好的性能提升。

rect PIXI.Rectangle optional

可选的矩形,用于存储边界计算的结果。

Returns:
Type Description
PIXI.Rectangle 矩形边界区域

返回指定索引处的子级

Name Type Description
index number

查找的子项索引

Returns:
Type Description
PIXI.DisplayObject 给定索引处的子级(如果有)。

Returns the display object in the container.

Name Type Description
name string

Instance name.

Returns:
Type Description
PIXI.DisplayObject The child with the specified name.

getChildIndex (child)number inherited overrides

返回子DisplayObject实例的索引位置

Name Type Description
child PIXI.DisplayObject

要标识的DisplayObject实例

Returns:
Type Description
number 要标识的子显示对象的索引位置

getGlobalPosition (point, skipUpdate)PIXI.Point inherited overrides

Returns the global position of the displayObject. Does not depend on object scale, rotation and pivot.

Name Type Default Description
point PIXI.Point new PIXI.Point() optional

The point to write the global value to.

skipUpdate boolean false optional

Setting to true will stop the transforms of the scene graph from being updated. This means the calculation returned MAY be out of date BUT will give you a nice performance boost.

Returns:
Type Description
PIXI.Point The updated point.

以矩形对象的形式获取displayObject的局部范围。

Name Type Description
rect PIXI.Rectangle optional

可选的矩形,用于存储边界计算的结果。

Returns:
Type Description
PIXI.Rectangle 矩形边界区域

isFastRect ()boolean

如果图形由一个矩形组成,则为true,因此可以像Sprite一样绘制并用gl.scissor遮罩。

Returns:
Type Description
boolean 如果只有一个矩形,则为true。

lineStyle (options)PIXI.Graphics

指定用于随后调用Graphics方法的线样式,例如:lineTo()方法 或 drawCircle()方法

Name Type Description
options object optional

线样式选项

Name Type Default Description
width number 0 optional

画线的宽度,将更新对象存储的样式

color number 0x0 optional

绘制线条的颜色,将更新对象存储的样式

alpha number 1 optional

绘制线条的Alpha,将更新对象存储的样式

alignment number 0.5 optional

绘制线的对齐方式(0 = 内部,0.5 = 居中,1 = 外部)

native boolean false optional

如果为true,则将使用LINES来代替TRIANGLE_STRIP绘制线条

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

lineStyle (width, color, alpha, alignment, native)PIXI.Graphics

指定用于随后调用Graphics方法的线样式,例如:lineTo()方法 或 drawCircle()方法

Name Type Default Description
width number 0 optional

画线的宽度,将更新对象存储的样式

color number 0x0 optional

绘制线条的颜色,将更新对象存储的样式

alpha number 1 optional

绘制线条的Alpha,将更新对象存储的样式

alignment number 0.5 optional

绘制线的对齐方式(0 = 内部,0.5 = 居中,1 = 外部)

native boolean false optional

如果为true,则将使用LINES来代替TRIANGLE_STRIP绘制线条

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

lineTextureStyle (options)PIXI.Graphics

类似于线条样式,并且支持线条填充纹理。

Name Type Description
options object optional

设置线条样式的选项集合。

Name Type Default Description
width number 0 optional

画线的宽度,将更新对象存储的样式

texture PIXI.Texture PIXI.Texture.WHITE optional

使用的纹理

color number 0x0 optional

绘制线条的颜色,将更新对象存储的样式。 如果存在纹理,则默认为0xFFFFFF。

alpha number 1 optional

要绘制的线的alpha,将更新存储的对象样式

matrix PIXI.Matrix null optional

纹理矩阵转换纹理

alignment number 0.5 optional

绘制线的对齐方式(0 = 内部,0.5 = 居中,1 = 外部)

native boolean false optional

如果为true,则将使用LINES来代替TRIANGLE_STRIP绘制线条

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

使用当前线样式从当前绘图位置到 (x, y )绘制一条线; 然后将当前图形位置设置为 (x, y)。

Name Type Description
x number

要绘制到的X坐标

y number

要绘制到的Y坐标

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

将当前图形位置移动到x,y。

Name Type Description
x number

要移动到的X坐标

y number

要移动到的Y坐标

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

onChildrenChange () protected inherited overrides

可重写的方法,每当修改子数组时,容器子类都可以使用该方法

quadraticCurveTo (cpX, cpY, toX, toY)PIXI.Graphics

计算二次贝塞尔曲线的点,然后绘制它。 基于: https://stackoverflow.com/questions/785097/how-do-i-implement-a-bezier-curve-in-c

Name Type Description
cpX number

控制点x

cpY number

控制点y

toX number

目的点x

toY number

目的点y

Returns:
Type Description
PIXI.Graphics 此Graphics对象。可以使用链式方法调用

从容器中取出一个或多个子项。

Name Type Description
children PIXI.DisplayObject repeatable

要删除的DisplayObject(可以为复数个)

Returns:
Type Description
PIXI.DisplayObject 被删除的第一个子项目。

从指定的索引位置删除子项。

Name Type Description
index number

要删除的子项索引

Returns:
Type Description
PIXI.DisplayObject 被删除的子项。

removeChildren (beginIndex, endIndex)Array.<PIXI.DisplayObject> inherited overrides

从此容器中删除在开始索引和结束索引内的所有子项。

Name Type Default Description
beginIndex number 0 optional

起始位置。

endIndex number this.children.length optional

结束位置。 默认值是容器的大小。

Returns:
Type Description
Array.<PIXI.DisplayObject> 被删除的子项列表

使用WebGL渲染器渲染对象

Name Type Description
renderer PIXI.Renderer

渲染器

renderAdvanced (renderer) protected inherited overrides

使用WebGL渲染器和高级功能渲染对象。

Name Type Description
renderer PIXI.Renderer

渲染器

renderAdvancedWebGL (renderer) Deprecated : since 5.0.0 inherited overrides

Name Type Description
renderer PIXI.Renderer

Instance of renderer

See:

renderCanvas (renderer) inherited overrides

使用Canvas渲染器渲染对象

Name Type Description
renderer PIXI.CanvasRenderer

渲染器

renderWebGL (renderer) Deprecated : since 5.0.0 inherited overrides

Name Type Description
renderer PIXI.Renderer

Instance of renderer

See:

setChildIndex (child, index) inherited overrides

更改现有子项在显示对象容器中的位置

Name Type Description
child PIXI.DisplayObject

要为其更改索引号的子DisplayObject实例

index number

子显示对象的结果索引

setMatrix (matrix)PIXI.Graphics

将矩阵应用于位置数据。

Name Type Description
matrix PIXI.Matrix

用于变换当前形状的矩阵。

Returns:
Type Description
PIXI.Graphics 返回自身。

设置此DisplayObject的父容器。

Name Type Description
container PIXI.Container

要将此DisplayObject添加到的容器。

Returns:
Type Description
PIXI.Container 此DisplayObject添加到的容器。

setTransform (x, y, scaleX, scaleY, rotation, skewX, skewY, pivotX, pivotY)PIXI.DisplayObject inherited overrides

便捷方法,可同时设置位置,比例,倾斜和枢轴。

Name Type Default Description
x number 0 optional

X位置

y number 0 optional

Y位置

scaleX number 1 optional

X标度值

scaleY number 1 optional

Y标度值

rotation number 0 optional

旋转

skewX number 0 optional

X偏斜值

skewY number 0 optional

Y偏斜值

pivotX number 0 optional

X轴值

pivotY number 0 optional

Y轴值

Returns:
Type Description
PIXI.DisplayObject DisplayObject实例

按zIndex对子项进行排序。对于具有相同zIndex的2个子项,将维持先前的顺序。

startPoly () protected

在内部开启多边形对象

swapChildren (child, child2) inherited overrides

交换此容器中两个显示对象的位置。

Name Type Description
child PIXI.DisplayObject

要交换的第一个显示对象

child2 PIXI.DisplayObject

要交换的第二个显示对象

toGlobal (position, point, skipUpdate)PIXI.Point inherited overrides

计算显示对象的世界位置。

Name Type Default Description
position PIXI.IPoint

要计算的世界原点。

point PIXI.Point optional

存储值的Point对象,可选 (为空时,会创建一个新的Point).

skipUpdate boolean false optional

是否跳过更新转换

Returns:
Type Description
PIXI.Point 表示此对象位置的Point对象。

toLocal (position, from, point, skipUpdate)PIXI.Point inherited overrides

计算显示对象相对于另一点的局部位置。

Name Type Default Description
position PIXI.IPoint

要计算的世界原点。

from PIXI.DisplayObject optional

从中计算世界位置的DisplayObject。

point PIXI.Point optional

存储值的Point对象,可选 (为空时,会创建一个新的Point).

skipUpdate boolean false optional

是否跳过更新转换

Returns:
Type Description
PIXI.Point 表示此对象位置的Point对象

updateTransform () inherited overrides

更新此容器的所有子项的变换以进行渲染

Events

将此DisplayObject添加到容器时触发。

Name Type Description
container PIXI.Container

添加到的容器。

Fired when a pointer device button (usually a mouse left-button) is pressed and released on the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button (usually a mouse left-button) is pressed on the display. object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device (usually a mouse) is moved while over the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device (usually a mouse) is moved off the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device (usually a mouse) is moved onto the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button (usually a mouse left-button) is released over the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button (usually a mouse left-button) is released outside the display object that initially registered a mousedown. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when the operating system cancels a pointer event. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button is pressed on the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device is moved while over the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device is moved off the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device is moved onto the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button is pressed and released on the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button is released over the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device button is released outside the display object that initially registered a pointerdown. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

从容器中移除此DisplayObject时触发。

Name Type Description
container PIXI.Container

从中移除的容器。

Fired when a pointer device secondary button (usually a mouse right-button) is pressed and released on the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device secondary button (usually a mouse right-button) is pressed on the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device secondary button (usually a mouse right-button) is released over the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a pointer device secondary button (usually a mouse right-button) is released outside the display object that initially registered a rightdown. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a touch point is placed and removed from the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when the operating system cancels a touch. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a touch point is removed from the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a touch point is removed outside of the display object that initially registered a touchstart. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a touch point is moved along the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event

Fired when a touch point is placed on the display object. DisplayObject's interactive property must be set to true to fire event.

Name Type Description
event PIXI.interaction.InteractionEvent

Interaction event