Graphic.Rect Class
a Rect defined by it's x, y, width and height properties.
Constructor
Graphic.Rect
-
[params]
Parameters:
-
[params]Object optionalparamsis given to Shape constructor.
Item Index
Methods
draw
-
context
This overridden draw method allow the Rect class to draw a rectangle on the context given in parameter.
Parameters:
-
contextCanvasRenderingContext2D
notifyParentChange
()
protected
This method notify the parent that a change has been done, and that it should clear his cache.
rotate
-
angle
This method allow you to rotate the Graphical object around the center point of the GraphicalObject.
Parameters:
-
angleNumberrepresent the angle of rotation, it's expressed in degree.
scale
-
x -
y
this method allow you to do a scale on the GraphicObject.
Parameters:
-
xNumberthis is the x scale factor
-
yNumberthis is the y scale factor
setAttr
-
attrs
Setter availlable for updating attibuts and correctly clear the caches. You can set all attributes supported by this instance (see the GraphicObject constructor for common available properties)
Parameters:
-
attrsObjectGraphicObject attributs. See the constructor for more details.
Example:
object.setAttr({
width: 20,
height: 20
});
object.setAttr({
pos: {
x: 0,
y: 0
}
});
skew
-
a -
b
This method allow you to do a skew transform on the GraphicObject.
Parameters:
-
aNumberthe factor of skew on the y axis
-
bNumberthe factor of skew on the x axis
translate
-
x -
y
This method allow you to translate the GraphicalObject, Internally this method modify the GraphicObject's matrix.
Parameters:
-
xNumberthis is the translation scalar of the x axis.
-
yNumberthis is the translation scalar of the y axis.
Properties
alpha
Number
value of opacity, between 0.0 (fully transparent) and 1.0 (opaque)
centerPoint
Object
default center of all matrix transformations.
values are exprimed depending on the size of the object. 0;0 is the up-left corner.
Sub-properties:
-
xObject -
yObject
color
fill color to draw this object.
Note: should be modified with setAttr
height
Number
matrix
Matrix
matrix applied to this object before draw.
mode
"WIRED" | "FILLED"
the draw mode of the current shape. Two modes are available "WIRED" and "FILLED".
Note: should be modified with setAttr
parent
Layer
parent containing this object.
strokeColor
color to apply to the stroke mode
Note: should be modified with setAttr
width
Number
x
Number
position on X axis
y
Number
position on Y axis
zIndex
Number
zIndex, used to determine the drawing order. Hight zIndex are drawn first.