Класс: PIXI.Graphics

Конструктор

new Graphics()

Класс Graphics содержит методы для рисования примитивных фигур, таких как линии, окружности и прямоугольники на дисплее, а также для их заливки цветом.

Исходный код: pixi/primitives/Graphics.js (Строка 5)

Расширяет

PIXI.DisplayObjectContainer

Общедоступные свойства

blendMode : number

Режим смешивания, применяемый к форме графика. Примените значение PIXI.blendModes.NORMAL для сброса режима смешивания.

Значение по умолчанию

PIXI.blendModes.NORMAL;

Исходный код: pixi/primitives/Graphics.js (Строка 61)

boundsPadding : number

Отступ границ, используемый для расчета границ.

Исходный код: pixi/primitives/Graphics.js (Строка 96)

[только для чтения] children : Array.<DisplayObject>

[только для чтения] Массив дочерних элементов этого контейнера.

Тип

Array.<DisplayObject>

Унаследовано от

PIXI.DisplayObjectContainer#children

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 17)

fillAlpha : number

Значение альфа-канала при заливке объекта Graphics.

Исходный код: pixi/primitives/Graphics.js (Строка 18)

height : number

Высота displayObjectContainer. Установка значения изменяет масштаб для достижения заданного значения.

Унаследовано от

PIXI.DisplayObjectContainer#height

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 600)

ignoreChildInput : boolean

Если ignoreChildInput false, то это позволит рассматривать дочерние элементы этого объекта как допустимые для событий Input.

Если это свойство true, то дочерние элементы не будут рассматриваться как допустимые для событий Input.

Обратите внимание, что это свойство не рекурсивное: только непосредственные дочерние элементы под влиянием, оно не сканирует дальше.

Унаследовано от

PIXI.DisplayObjectContainer#ignoreChildInput

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 26)

isMask : boolean

Указывает, используется ли эта фигура в качестве маски.

Исходный код: pixi/primitives/Graphics.js (Строка 88)

lineColor : string

Цвет любых нарисованных линий.

Значение по умолчанию

Исходный код: pixi/primitives/Graphics.js (Строка 34)

lineWidth : number

Ширина (толщина) любых нарисованных линий.

Исходный код: pixi/primitives/Graphics.js (Строка 26)

tint : number

Оттенок, применяемый к форме графика. Это шестнадцатеричное значение. Примените значение 0xFFFFFF для сброса оттенка.

Значение по умолчанию

0xFFFFFF

Исходный код: pixi/primitives/Graphics.js (Строка 52)

width : number

Ширина displayObjectContainer. Установка значения изменяет масштаб для достижения заданного значения.

Унаследовано от

PIXI.DisplayObjectContainer#width

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 571)

Общедоступные методы

addChild(child) → {DisplayObject}

Добавляет дочерний элемент в контейнер.

Параметры

Имя	Тип	Описание
`child`	DisplayObject	Элемент DisplayObject, который нужно добавить в контейнер

Возвращает

DisplayObject -

Добавленный дочерний элемент.

Унаследовано от

PIXI.DisplayObjectContainer#addChild

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 42)

addChildAt(child, index) → {DisplayObject}

Добавляет дочерний элемент в контейнер на указанный индекс. Если индекс находится за пределами допустимого диапазона, будет выброшено исключение.

Параметры

Имя	Тип	Описание
`child`	DisplayObject	Дочерний элемент для добавления
`index`	Number	Индекс, в который нужно поместить дочерний элемент

Возвращает

DisplayObject -

Добавленный дочерний элемент.

Унаследовано от

PIXI.DisplayObjectContainer#addChildAt

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 55)

arc(cx, cy, radius, startAngle, endAngle, anticlockwise, segments) → {PIXI.Graphics}

Метод arc создает дугу/кривую (используется для создания окружностей или частей окружностей).

Параметры

Имя	Тип	Описание
`cx`	Number	Координата x центра окружности
`cy`	Number	Координата y центра окружности
`radius`	Number	Радиус окружности
`startAngle`	Number	Угол начала дуги в радианах (0 — в 3 часа на часах)
`endAngle`	Number	Угол окончания дуги в радианах
`anticlockwise`	Boolean	Необязательно. Указывает, должна ли отрисовка быть против часовой стрелки или по часовой стрелке. По умолчанию false (по часовой стрелке), true — против часовой.
`segments`	Number	Необязательно. Количество сегментов, используемых при вычислении дуги. По умолчанию 40. Для большей точности используйте большее значение.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 405)

beginFill(color, alpha) → {PIXI.Graphics}

Устанавливает простой одноцветный заливки, который последующие вызовы других методов Graphics (например, lineTo() или drawCircle()) используют при отрисовке.

Параметры

Имя	Тип	Описание
`color`	Number	Цвет заливки
`alpha`	Number	Прозрачность заливки

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 491)

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

Вычисляет точки для кривой Безье и затем рисует её.

Параметры

Имя	Тип	Описание
`cpX`	Number	Координата x контрольной точки
`cpY`	Number	Координата y контрольной точки
`cpX2`	Number	Координата x второй контрольной точки
`cpY2`	Number	Координата y второй контрольной точки
`toX`	Number	Координата x конечной точки
`toY`	Number	Координата y конечной точки

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 276)

clear() → {PIXI.Graphics}

Очищает графические элементы, нарисованные на этом объекте Graphics, и сбрасывает настройки стиля заливки и линии.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 633)

contains(child) → {Boolean}

Определяет, является ли указанный объект дисплея дочерним элементом экземпляра DisplayObjectContainer или самим экземпляром.

Параметры

Имя	Тип	Описание
`child`	DisplayObject	-

Возвращает

Boolean -

Унаследовано от

PIXI.DisplayObjectContainer#contains

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 449)

destroyCachedSprite()

Удаляет предварительно кэшированный спрайт.

Исходный код: pixi/primitives/Graphics.js (Строка 1173)

drawCircle(x, y, diameter) → {PIXI.Graphics}

Рисует окружность.

Параметры

Имя	Тип	Описание
`x`	Число	Координата X центра окружности
`y`	Число	Координата Y центра окружности
`diameter`	Число	Диаметр окружности

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 565)

drawEllipse(x, y, width, height) → {PIXI.Graphics}

Рисует эллипс.

Параметры

Имя	Тип	Описание
`x`	Число	Координата X центра эллипса
`y`	Число	Координата Y центра эллипса
`width`	Число	Половина ширины эллипса
`height`	Число	Половина высоты эллипса

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 581)

drawPolygon(path) → {PIXI.Graphics}

Рисует многоугольник с помощью заданного пути.

Параметры

Имя	Тип	Описание
`path`	Массив \| PhaserPolygon	Данные пути для построения многоугольника. Может быть массивом точек или объектом Phaser.Polygon.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 598)

drawRect(x, y, width, height) → {PIXI.Graphics}

Параметры

Имя	Тип	Описание
`x`	Число	Координата X левого верхнего угла прямоугольника
`y`	Число	Координата Y левого верхнего угла прямоугольника
`width`	Число	Ширина прямоугольника
`height`	Число	Высота прямоугольника

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 534)

drawRoundedRect(x, y, width, height, radius)

Параметры

Имя	Тип	Описание
`x`	Число	Координата X левого верхнего угла прямоугольника
`y`	Число	Координата Y левого верхнего угла прямоугольника
`width`	Число	Ширина прямоугольника
`height`	Число	Высота прямоугольника
`radius`	Число	Радиус углов прямоугольника. В WebGL это значение должно быть между 0 и 9.

Исходный код: pixi/primitives/Graphics.js (Строка 550)

drawShape(shape) → {PIXI.GraphicsData}

Рисует заданную фигуру в этом объекте Graphics. Может быть окружностью, прямоугольником, эллипсом, линией или многоугольником.

Параметры

Имя	Тип	Описание
`shape`	Circle \| Rectangle \| Ellipse \| Line \| Polygon	Объект Shape для отрисовки.

Возвращает

PIXI.GraphicsData -

Сгенерированный объект GraphicsData.

Исходный код: pixi/primitives/Graphics.js (Строка 1184)

endFill() → {PIXI.Graphics}

Применяет заливку к линиям и фигурам, добавленным с момента последнего вызова метода beginFill().

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 519)

generateTexture(resolution, scaleMode, padding) → {PIXI.Texture}

Полезная функция, которая возвращает текстуру объекта graphics, которую затем можно использовать для создания спрайтов
Это может быть очень полезно, если ваша геометрия сложная и должна использоваться несколько раз.

Параметры

Имя	Тип	Аргумент	По умолчанию	Описание
`resolution`	Число	<необязательно>	1	Разрешение генерируемой текстуры
`scaleMode`	Число	<необязательно>	0	Должно быть одним из констант PIXI.scaleMode
`padding`	Число	<необязательно>	0	Добавить дополнительный отступ к сгенерированной текстуре (по умолчанию 0)

Возвращает

PIXI.Texture -

текстура объекта graphics

Исходный код: pixi/primitives/Graphics.js (Строка 654)

getBounds() → {Rectangle}

Возвращает границы графического объекта в виде прямоугольника.

Возвращает

Rectangle -

прямоугольная область, ограничивающая объект.

Исходный код: pixi/primitives/Graphics.js (Строка 848)

getChildAt(index) → {DisplayObject}

Возвращает дочерний элемент по указанному индексу.

Параметры

Имя	Тип	Описание
`index`	Number	Индекс дочернего элемента.

Возвращает

DisplayObject -

Дочерний элемент по указанному индексу, если он существует.

Унаследовано от

PIXI.DisplayObjectContainer#getChildAt

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 153)

getChildIndex(child) → {Number}

Возвращает индекс дочернего элемента DisplayObject.

Параметры

Имя	Тип	Описание
`child`	DisplayObject	Объект DisplayObject.

Возвращает

Number -

Индекс дочернего элемента DisplayObject.

Унаследовано от

PIXI.DisplayObjectContainer#getChildIndex

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 112)

getLocalBounds() → {Rectangle}

Возвращает локальные границы графического объекта, не учитывающие глобальные координаты. Расчет учитывает все видимые дочерние элементы.

Возвращает

Rectangle -

Прямоугольная область, ограничивающая объект.

Исходный код: pixi/primitives/Graphics.js (Строка 936)

lineStyle(lineWidth, color, alpha) → {PIXI.Graphics}

Устанавливает стиль линии для последующих вызовов методов Graphics, таких как lineTo() или drawCircle().

Параметры

Имя	Тип	Описание
`lineWidth`	Number	Толщина линии.
`color`	Number	Цвет линии.
`alpha`	Number	Прозрачность линии.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 149)

lineTo(x, y) → {PIXI.Graphics}

Рисует линию от текущей позиции до (x, y) используя текущий стиль линии.
Текущая позиция устанавливается в (x, y).

Параметры

Имя	Тип	Описание
`x`	Number	Координата X.
`y`	Number	Координата Y.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 198)

moveTo(x, y) → {PIXI.Graphics}

Перемещает текущую позицию рисования в точку x, y.

Параметры

Имя	Тип	Описание
`x`	Number	Координата X.
`y`	Number	Координата Y.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 183)

quadraticCurveTo(cpX, cpY, toX, toY) → {PIXI.Graphics}

Вычисляет точки для кривой Безье 2-го порядка и рисует ее.
Основано на: https://stackoverflow.com/questions/785097/how-do-i-implement-a-bezier-curve-in-c

Параметры

Имя	Тип	Описание
`cpX`	Number	Координата X контрольной точки.
`cpY`	Number	Координата Y контрольной точки.
`toX`	Number	Координата X конечной точки.
`toY`	Number	Координата Y конечной точки.

Возвращает

PIXI.Graphics -

Исходный код: pixi/primitives/Graphics.js (Строка 221)

removeChild(child) → {DisplayObject}

Удаляет дочерний элемент из контейнера.

Параметры

Имя	Тип	Описание
`child`	DisplayObject	Дочерний элемент для удаления.

Возвращает

DisplayObject -

Удаленный дочерний элемент.

Унаследовано от

PIXI.DisplayObjectContainer#removeChild

Исходный код: pixi/display/DisplayObjectContainer.js (Строка 171)

removeChildAt(index) → {DisplayObject}

Удаляет дочерний элемент из указанной позиции индекса.

Parameters

Name	Type	Description
`index`	Number	Индекс, откуда получить дочерний элемент.

Returns

DisplayObject -

Удаленный дочерний элемент.

Inherited From

PIXI.DisplayObjectContainer#removeChildAt

Source code: pixi/display/DisplayObjectContainer.js (Line 191)

removeChildren(beginIndex, endIndex)

Удаляет всех дочерних элементов из этого контейнера, находящихся между индексами begin и end.

Parameters

Name	Type	Description
`beginIndex`	Number	Начальная позиция. Значение по умолчанию - 0.
`endIndex`	Number	Конечная позиция. Значение по умолчанию - размер контейнера.

Inherited From

PIXI.DisplayObjectContainer#removeChildren

Source code: pixi/display/DisplayObjectContainer.js (Line 213)

setChildIndex(child, index)

Изменяет положение существующего дочернего элемента в контейнере отображения.

Parameters

Name	Type	Description
`child`	DisplayObject	Экземпляр DisplayObject дочернего элемента, для которого требуется изменить номер индекса.
`index`	Number	Результирующий номер индекса для дочернего элемента отображения.

Inherited From

PIXI.DisplayObjectContainer#setChildIndex

Source code: pixi/display/DisplayObjectContainer.js (Line 132)

swapChildren(child, child2)

Меняет местами позиции 2 объектов Display внутри этого контейнера.

Parameters

Name	Type	Description
`child`	DisplayObject	-
`child2`	DisplayObject	-

Inherited From

PIXI.DisplayObjectContainer#swapChildren

Source code: pixi/display/DisplayObjectContainer.js (Line 85)

updateLocalBounds()

Обновить границы объекта.

Source code: pixi/primitives/Graphics.js (Line 997)