Class: Shape
Extends
Implements
Constructors
new Shape()
new Shape(
options
):Shape
Rectangular, circular, or path-based shape
Parameters
• options: ShapeOptions
= {}
Returns
Overrides
Defined in
Shape.ts:61
Properties
_alpha
_alpha:
number
=1.0
Inherited from
Defined in
M2Node.ts:98
_draggable
protected
_draggable:boolean
=false
Inherited from
Defined in
M2Node.ts:101
_game?
optional
_game:Game
Inherited from
Defined in
M2Node.ts:105
_hidden
protected
_hidden:boolean
=false
Inherited from
Defined in
M2Node.ts:102
_isUserInteractionEnabled
protected
_isUserInteractionEnabled:boolean
=false
Inherited from
M2Node
._isUserInteractionEnabled
Defined in
M2Node.ts:100
_position
_position:
Point
Inherited from
Defined in
M2Node.ts:96
_scale
_scale:
number
=1.0
Inherited from
Defined in
M2Node.ts:97
_size
protected
_size:Size
Inherited from
Defined in
M2Node.ts:109
_zRotation
_zRotation:
number
=0
Inherited from
Defined in
M2Node.ts:99
absoluteAlpha
absoluteAlpha:
number
=1.0
Inherited from
Defined in
M2Node.ts:111
absoluteAlphaChange
absoluteAlphaChange:
number
=0
Inherited from
Defined in
M2Node.ts:112
absolutePosition
absolutePosition:
Point
Inherited from
Defined in
M2Node.ts:108
absoluteScale
absoluteScale:
number
=1.0
Inherited from
Defined in
M2Node.ts:110
actions
actions:
Action
[]
Inherited from
Defined in
M2Node.ts:113
children
children:
M2Node
[]
Inherited from
Defined in
M2Node.ts:107
ckPath
ckPath:
null
|Path
=null
Defined in
Shape.ts:32
ckPathHeight?
optional
ckPathHeight:number
Defined in
Shape.ts:34
ckPathWidth?
optional
ckPathWidth:number
Defined in
Shape.ts:33
constructionIso8601TimeStamp
constructionIso8601TimeStamp:
string
Inherited from
M2Node
.constructionIso8601TimeStamp
Defined in
M2Node.ts:92
constructionSequence
constructionSequence:
number
Inherited from
Defined in
M2Node.ts:93
constructionTimeStamp
constructionTimeStamp:
number
Inherited from
Defined in
M2Node.ts:91
dragging
dragging:
boolean
=false
Is the node in a dragging state?
Inherited from
Defined in
M2Node.ts:141
draggingLastPointerOffset
draggingLastPointerOffset:
Point
What was the previous pointer offset when the node was in a dragging state?
Inherited from
M2Node
.draggingLastPointerOffset
Defined in
M2Node.ts:139
eventListeners
eventListeners:
M2NodeEventListener
<M2NodeEvent
>[]
Inherited from
Defined in
M2Node.ts:115
isDrawable
isDrawable:
boolean
=true
Overrides
Defined in
Shape.ts:21
isShape
isShape:
boolean
=true
Overrides
Defined in
Shape.ts:22
isText
isText:
boolean
=false
Inherited from
Defined in
M2Node.ts:88
layout
layout:
Layout
={}
FOR INTERNAL USE ONLY
Implementation of
Inherited from
Defined in
M2Node.ts:103
loopMessages
loopMessages:
Set
<string
>
Inherited from
Defined in
M2Node.ts:121
name
name:
string
Name of the node. Only needed if the node will be referred to by name in a later function
Implementation of
Inherited from
Defined in
M2Node.ts:95
needsInitialization
needsInitialization:
boolean
=true
Inherited from
Defined in
M2Node.ts:117
nodeEvents
Inherited from
Defined in
M2Node.ts:122
options
options:
M2NodeOptions
Inherited from
Defined in
M2Node.ts:90
parent?
optional
parent:M2Node
Inherited from
Defined in
M2Node.ts:106
pressed
pressed:
boolean
=false
Is the node in a pressed state? E.g., did the user put the pointer down on the node and not yet release it?
Inherited from
Defined in
M2Node.ts:126
pressedAndWithinHitArea
pressedAndWithinHitArea:
boolean
=false
Is the node in a pressed state AND is the pointer within the node's hit area? For example, a user may put the pointer down on the node, but then move the pointer, while still down, beyond the node's hit area. In this case, pressed = true, but pressedAndWithinHitArea = false.
Inherited from
M2Node
.pressedAndWithinHitArea
Defined in
M2Node.ts:132
pressedInitialPointerOffset
pressedInitialPointerOffset:
Point
When the node initially enters the pressed state, what is the pointer offset? (offset from the canvas's origin to the pointer position). We save this because it will be needed if this press then led to a drag.
Inherited from
M2Node
.pressedInitialPointerOffset
Defined in
M2Node.ts:136
queuedAction?
optional
queuedAction:Action
Inherited from
Defined in
M2Node.ts:114
shapeType
shapeType:
ShapeType
=ShapeType.Undefined
Implementation of
Defined in
Shape.ts:28
type
readonly
type:Shape
=M2NodeType.Shape
Overrides
Defined in
Shape.ts:20
userData
userData:
any
={}
Inherited from
Defined in
M2Node.ts:120
uuid
readonly
uuid:string
Internal
Unique identifier (UUID). Will be generated automatically. For m2c2kit library use only
Implementation of
Inherited from
Defined in
M2Node.ts:116
withinHitArea
withinHitArea:
boolean
=false
Inherited from
Defined in
M2Node.ts:127
Accessors
alpha
Get Signature
get alpha():
number
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
Returns
number
Set Signature
set alpha(
alpha
):void
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
Parameters
• alpha: number
Returns
void
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
Implementation of
Inherited from
Defined in
M2Node.ts:1383
ancestors
Get Signature
get ancestors():
M2Node
[]
Returns all ancestor nodes, not including the node itself.
Returns
M2Node
[]
Inherited from
Defined in
M2Node.ts:537
anchorPoint
Get Signature
get anchorPoint():
Point
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
Returns
Set Signature
set anchorPoint(
anchorPoint
):void
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
Parameters
• anchorPoint: Point
Returns
void
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
Implementation of
Defined in
Shape.ts:286
canvasKit
Get Signature
get canvasKit():
CanvasKit
Gets the scene that contains this node by searching up the ancestor tree recursively. Throws exception if node is not part of a scene.
Returns
CanvasKit
Scene that contains this node
Inherited from
Defined in
M2Node.ts:1277
circleOfRadius
Get Signature
get circleOfRadius():
undefined
|number
If provided, shape will be a circle with given radius
Returns
undefined
| number
Set Signature
set circleOfRadius(
circleOfRadius
):void
If provided, shape will be a circle with given radius
Parameters
• circleOfRadius: undefined
| number
Returns
void
If provided, shape will be a circle with given radius
Implementation of
Defined in
Shape.ts:817
completeNodeOptions
Get Signature
get completeNodeOptions():
object
Returns
object
alpha?
optional
alpha:number
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
anchorPoint?
optional
anchorPoint:Point
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
circleOfRadius
circleOfRadius:
undefined
|number
cornerRadius
cornerRadius:
number
draggable?
optional
draggable:boolean
Can the node be dragged?
fillColor
fillColor:
RgbaColor
hidden?
optional
hidden:boolean
Is the node, and its children, hidden? (not displayed). Default is false
isAntialiased
isAntialiased:
boolean
isUserInteractionEnabled?
optional
isUserInteractionEnabled:boolean
Does the node respond to user events, such as taps? Default is false
layout?
optional
layout:Layout
FOR INTERNAL USE ONLY
lineWidth
lineWidth:
undefined
|number