type

Graphics

@Js
mixin Graphics

Graphics is used to draw 2D graphics.

fields

alpha

Global alpha value used to control opacity for rending.

color

Convenience for setting paint to a solid color.

font

Current font used for drawing text

paint

Current paint defines how text and shapes are stroked and filled

stroke

Current stroke defines how the shapes are outlined

methods

clipRect

Convenience to clip the given the rectangle.

clipRoundRect

Clip a rectangle with rounded corners with the current paint.

dispose

Dispose of this graphics context and release underyling OS resources.

drawEllipse

Draw an ellipse within the given bounds with the current stroke and paint.

drawImage

Draw an image at the given coordinate for the top/left corner.

drawImageRegion

Draw a rectangular region of the source image to the drawing surface.

drawLine

Draw a line with the current stroke and paint.

drawRect

Draw a rectangle with the current stroke and paint.

drawRoundRect

Draw a rectangle with rounded corners with the current stroke and paint.

drawText

Draw a the text string with the current paint and font.

fillEllipse

Fill an ellipse within the given bounds with the current stroke and paint.

fillRect

Fill a rectangle with the current paint.

fillRoundRect

Fill a rectangle with rounded corners with the current paint.

metrics

Get font metrics for the current font

path

Begin a new path operation to stroke, fill, or clip a shape.

pop

Pop the graphics stack and reset the state to the the last push.

push

Push the current graphics state onto an internal stack.

transform

Perform an affine transformation on the coordinate system

translate

Translate the coordinate system to the new origin.

Slot Details

alpha

abstract Float alpha

Global alpha value used to control opacity for rending. The value must be between 0.0 (transparent) and 1.0 (opaue).

clipRect

abstract This clipRect(Float x, Float y, Float w, Float h)

Convenience to clip the given the rectangle. This sets the clipping area to the intersection of the current clipping region and the specified rectangle.

clipRoundRect

abstract This clipRoundRect(Float x, Float y, Float w, Float h, Float wArc, Float hArc)

Clip a rectangle with rounded corners with the current paint. The ellipse of the corners is specified by wArc and hArc.

color

abstract Color color

Convenience for setting paint to a solid color. If the paint is currently not a solid color, then get returns Paint.asColorPaint.

dispose

abstract Void dispose()

Dispose of this graphics context and release underyling OS resources.

drawEllipse

abstract This drawEllipse(Float x, Float y, Float w, Float h)

Draw an ellipse within the given bounds with the current stroke and paint.

drawImage

abstract This drawImage(Image img, Float x, Float y, Float w := img.w(), Float h := img.h())

Draw an image at the given coordinate for the top/left corner. If the width or height does not correspond to the image's natural size then the image is scaled to fit.

drawImageRegion

abstract This drawImageRegion(Image img, Rect src, Rect dst)

Draw a rectangular region of the source image to the drawing surface. The src rectangle defines the subregion of the source image to use. The dst rectangle identifies the destination location. If the src size does not correspond to the dst size, then the image is scaled to fit.

drawLine

abstract This drawLine(Float x1, Float y1, Float x2, Float y2)

Draw a line with the current stroke and paint.

drawRect

abstract This drawRect(Float x, Float y, Float w, Float h)

Draw a rectangle with the current stroke and paint.

drawRoundRect

abstract This drawRoundRect(Float x, Float y, Float w, Float h, Float wArc, Float hArc)

Draw a rectangle with rounded corners with the current stroke and paint. The ellipse of the corners is specified by wArc and hArc.

drawText

abstract This drawText(Str s, Float x, Float y)

Draw a the text string with the current paint and font. The x, y coordinate specifies the left baseline corner of where the text is to be drawn. Technically this is a fill operation similiar to the Canvas fillText function (there is currently no support to stroke/outline text).

fillEllipse

abstract This fillEllipse(Float x, Float y, Float w, Float h)

Fill an ellipse within the given bounds with the current stroke and paint.

fillRect

abstract This fillRect(Float x, Float y, Float w, Float h)

Fill a rectangle with the current paint.

fillRoundRect

abstract This fillRoundRect(Float x, Float y, Float w, Float h, Float wArc, Float hArc)

Fill a rectangle with rounded corners with the current paint. The ellipse of the corners is specified by wArc and hArc.

font

abstract Font font

Current font used for drawing text

metrics

abstract FontMetrics metrics()

Get font metrics for the current font

paint

abstract Paint paint

Current paint defines how text and shapes are stroked and filled

path

abstract GraphicsPath path()

Begin a new path operation to stroke, fill, or clip a shape.

pop

abstract This pop()

Pop the graphics stack and reset the state to the the last push.

push

abstract This push(Rect? r := null)

Push the current graphics state onto an internal stack. Reset the state back to its current state via pop. If r is non-null, the graphics state is automatically translated and clipped to the bounds.

stroke

abstract Stroke stroke

Current stroke defines how the shapes are outlined

transform

abstract This transform(Transform transform)

Perform an affine transformation on the coordinate system

translate

abstract This translate(Float x, Float y)

Translate the coordinate system to the new origin. This call is a convenience for:

transform(Transform.translate(x, y))