Graphics

---

Inheritance Graphics View Module hilo/view/Graphics Requires hilo/core/Hilo, hilo/core/Class, hilo/view/View, hilo/view/CacheMixin Source Graphics.js
Graphics class contains a group of functions for creating vector graphics.

	Property	Defined
	fillAlpha:Number The transparency of color or style inside shapes, default value is 0, readonly!	Graphics
	fillStyle:String The color or style to use inside shapes, default value is 0 (the black color), readonly!	Graphics
	lineAlpha:Number The alpha value (transparency) of line, default value is 1, readonly!	Graphics
	lineCap:String The style of how every end point of line are drawn, value options: butt, round, square.	Graphics
	lineJoin:String The joint style of two lines.	Graphics
	lineWidth:Number The thickness of lines in space units, default value is 1, readonly!	Graphics
	miterLimit:Number The miter limit ratio in space units, works only when lineJoin value is miter.	Graphics
	strokeStyle:String The color or style to use for lines around shapes, default value is 0 (the black color), readonly!	Graphics
	align:String|Function The alignment of the view, the value must be one of Hilo.align enum.	View
	alpha:Number The opacity of the view, default value is 1.	View
	background:Object The background style to fill the view, can be css color, gradient or pattern of canvas	View
	boundsArea:Array The vertex points of the view, the points are relative to the center point.	View
	depth:Number The z index of the view, readonly!	View
	drawable:Drawable The drawable object of the view.	View
	height:Number The height of the view, default value is 0.	View
	id:String The identifier for the view.	View
	mask:Graphics Sets a mask for the view.	View
	onUpdate:Function This method will call while the view need update(usually caused by ticker update).	View
	parent:Container The parent view of this view, readonly!	View
	pivotX:Number Position of the center point on the x axis of the view, default value is 0.	View
	pivotY:Number Position of the center point on the y axis of the view, default value is 0.	View
	pointerEnabled:Boolean Is the view can receive DOM events, default value is true.	View
	rotation:Number The rotation of the view in angles, default value is 0.	View
	scaleX:Number The x axis scale factor of the view, default value is 1.	View
	scaleY:Number The y axis scale factor of the view, default value is 1.	View
	tint:Number The tint applied to the view，default is 0xFFFFFF.Only support in WebGL mode.	View
	transform:Matrix The transform of the view.If set the transform, x, y, scaleX, scaleY, rotation, pivotX, pivotY will be ignored.default is null.	View
	visible:Boolean The visibility of the view.	View
	width:Number The width of the view, default value is 0.	View
	x:Number The position of the view on the x axis relative to the local coordinates of the parent, default value is 0.	View
	y:Number The position of the view on the y axis relative to the local coordinates of the parent, default value is 0.	View

	Method	Defined
	Graphics(properties:Object) Constructor	Graphics
	beginBitmapFill(image:HTMLImageElement, repetition:String):Graphics Begin an image filling pattern.	Graphics
	beginFill(fill:String, alpha:Number):Graphics Set how to fill shapes and the transparency.	Graphics
	beginLinearGradientFill(x0:Number, y0:Number, x1:Number, y1:Number, colors:Array, ratios:Array):Graphics Set linear gradient filling style to draw shapes.	Graphics
	beginPath():Graphics Begin a new path.	Graphics
	beginRadialGradientFill(x0:Number, y0:Number, r0:Number, x1:Number, y1:Number, r1:Number, colors:Array, ratios:Array):Graphics Set radial gradient filling style to draw shapes.	Graphics
	bezierCurveTo(cp1x:Number, cp1y:Number, cp2x:Number, cp2y:Number, x:Number, y:Number):Graphics Draw a Bézier curve from current point to the point on coordinate (x, y).	Graphics
	cache(forceUpdate:Boolean) Cache the view.	Graphics
	clear():Graphics Clear all draw actions and reset to the initial state.	Graphics
	closePath():Graphics Close current path.	Graphics
	drawCircle(x:Number, y:Number, radius:Number):Graphics Draw a circle.	Graphics
	drawEllipse(x:Number, y:Number, width:Number, height:Number):Graphics Draw an ellipse.	Graphics
	drawRect(x:Number, y:Number, width:Number, height:Number):Graphics Draw a rectangle.	Graphics
	drawRoundRect(x:Number, y:Number, width:Number, height:Number, cornerSize:Number):Graphics Draw a rounded rectangle.	Graphics
	drawRoundRectComplex(x:Number, y:Number, width:Number, height:Number, cornerTL:Number, cornerTR:Number, cornerBR:Number, cornerBL:Number):Graphics Draw a complex rounded rectangle.	Graphics
	drawSVGPath(pathData:String):Graphics Draw a path from the SVG data given by parameters.	Graphics
	endFill():Graphics Apply and end lines-drawing and shapes-filling.	Graphics
	lineStyle(thickness:Number, lineColor:String, lineAlpha:Number, lineCap:String, lineJoin:String, miterLimit:Number):Graphics Set the lines style for drawing shapes.	Graphics
	lineTo(x:Number, y:Number):Graphics Draw a line from current point to the point on the coordinate value (x, y).	Graphics
	moveTo(x:Number, y:Number):Graphics Move current drawing point to a new point on coordinate values (x, y).	Graphics
	quadraticCurveTo(cpx:Number, cpy:Number, x:Number, y:Number):Graphics Draw a quadratic Bézier curve from current point to the point on coordinate (x, y).	Graphics
	setCacheDirty(dirty:Boolean) set the cache state diry.	Graphics
	setLineDash(segments:Number[]) 设置虚线样式	Graphics
	updateCache() Update the cache.	Graphics
	addTo(container:Container, index:Uint):View Add current view to a Contaner.	View
	fire(type:String, detail:Object):Boolean Send events.	View
	getBounds():Array Get the bounds of the view as a circumscribed rectangle and all vertex points relative to the coordinates of the stage.	View
	getScaledHeight():Number Get the scaled height of the view.	View
	getScaledWidth():Number Get the scaled width of the view.	View
	getStage():Stage Get the stage object of the view.	View
	hitTestObject(object:View, usePolyCollision:Boolean) Determining whether an object is in the circumscribed rectangle of current view.	View
	hitTestPoint(x:Number, y:Number, usePolyCollision:Boolean):Boolean Determining whether a point is in the circumscribed rectangle of current view.	View
	off(type:String, listener:Function):Object Remove one event listener.	View
	on(type:String, listener:Function, once:Boolean):Object Add an event listenser.	View
	removeFromParent():View Remove current view from it's parent container	View
	render(renderer:Renderer, delta:Number) The render method of current view.	View
	toString():String Get a string representing current view.	View