AlloyUI - API Docs

  • API Docs for Version: 3.1.0-deprecated.60

    • Show:

    Drawing Class

    Defined in: yui3/src/graphics/js/GraphicBase.js:297
    Module: graphics

    Drawing provides a set of drawing methods used by Path and custom shape classes. Drawing has the following implementations based on browser capability. <ul> <li><a href="SVGDrawing.html">SVGDrawing</a></li> <li><a href="VMLDrawing.html">VMLDrawing</a></li> <li><a href="CanvasDrawing.html">CanvasDrawing</a></li> </ul>

    Constructor

    Methods

    clear

    () chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:436

    Clears the path.

    closePath

    () chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:442

    Ends a fill and stroke

    curveTo

    (
    • cp1x
    • cp1y
    • cp2x
    • cp2y
    • x
    • y
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:309

    Draws a bezier curve.

    Parameters:

    • cp1x Number

      x-coordinate for the first control point.

    • cp1y Number

      y-coordinate for the first control point.

    • cp2x Number

      x-coordinate for the second control point.

    • cp2y Number

      y-coordinate for the second control point.

    • x Number

      x-coordinate for the end point.

    • y Number

      y-coordinate for the end point.

    drawCircle

    (
    • x
    • y
    • r
    )
    protected chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:353

    Draws a circle.

    Parameters:

    drawDiamond

    (
    • x
    • y
    • width
    • height
    )
    protected chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:374

    Draws a diamond.

    Parameters:

    drawEllipse

    (
    • x
    • y
    • w
    • h
    )
    protected chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:363

    Draws an ellipse.

    Parameters:

    drawRect

    (
    • x
    • y
    • w
    • h
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:331

    Draws a rectangle.

    Parameters:

    drawRoundRect

    (
    • x
    • y
    • w
    • h
    • ew
    • eh
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:341

    Draws a rectangle with rounded corners.

    Parameters:

    • x Number

      x-coordinate

    • y Number

      y-coordinate

    • w Number

      width

    • h Number

      height

    • ew Number

      width of the ellipse used to draw the rounded corners

    • eh Number

      height of the ellipse used to draw the rounded corners

    drawWedge

    (
    • x
    • y
    • startAngle
    • arc
    • radius
    • yRadius
    )
    private chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:385

    Draws a wedge.

    Parameters:

    • x Number

      x-coordinate of the wedge's center point

    • y Number

      y-coordinate of the wedge's center point

    • startAngle Number

      starting angle in degrees

    • arc Number

      sweep of the wedge. Negative values draw clockwise.

    • radius Number

      radius of wedge. If [optional] yRadius is defined, then radius is the x radius.

    • yRadius Number

      [optional] y radius for wedge.

    end

    () chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:430

    Completes a drawing operation.

    lineTo

    (
    • point1
    • point2
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:398

    Draws a line segment using the current line style from the current drawing position to the specified x and y coordinates.

    Parameters:

    • point1 Number

      x-coordinate for the end point.

    • point2 Number

      y-coordinate for the end point.

    moveTo

    (
    • x
    • y
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:414

    Moves the current drawing position to specified x and y coordinates.

    Parameters:

    • x Number

      x-coordinate for the end point.

    • y Number

      y-coordinate for the end point.

    quadraticCurveTo

    (
    • cpx
    • cpy
    • x
    • y
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:321

    Draws a quadratic bezier curve.

    Parameters:

    • cpx Number

      x-coordinate for the control point.

    • cpy Number

      y-coordinate for the control point.

    • x Number

      x-coordinate for the end point.

    • y Number

      y-coordinate for the end point.

    relativeLineTo

    (
    • point1
    • point2
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:406

    Draws a line segment using the current line style from the current drawing position to the relative x and y coordinates.

    Parameters:

    • point1 Number

      x-coordinate for the end point.

    • point2 Number

      y-coordinate for the end point.

    relativeMoveTo

    (
    • x
    • y
    )
    chainable

    Defined in yui3/src/graphics/js/GraphicBase.js:422

    Moves the current drawing position relative to specified x and y coordinates.

    Parameters:

    • x Number

      x-coordinate for the end point.

    • y Number

      y-coordinate for the end point.