JsCanvasRenderingContext2D (GWT 2.7.0)

java.lang.Object
- com.google.gwt.core.client.JavaScriptObject
- - elemental.js.util.JsElementalBase
  - - elemental.js.dom.JsElementalMixinBase
    - - elemental.js.html.JsCanvasRenderingContext
      - elemental.js.html.JsCanvasRenderingContext2D

All Implemented Interfaces:

ElementalMixinBase, ElementTraversal, NodeSelector, EventTarget, CanvasRenderingContext, CanvasRenderingContext2D, ElementTimeControl, SVGExternalResourcesRequired, SVGFilterPrimitiveStandardAttributes, SVGFitToViewBox, SVGLangSpace, SVGLocatable, SVGStylable, SVGTests, SVGTransformable, SVGURIReference, SVGZoomAndPan, Indexable, IndexableInt, IndexableNumber, Mappable, Settable, SettableInt, SettableNumber
```
public class JsCanvasRenderingContext2D
extends JsCanvasRenderingContext
implements CanvasRenderingContext2D
```

Field Summary
- Fields inherited from interface elemental.svg.SVGZoomAndPan
  SVG_ZOOMANDPAN_DISABLE, SVG_ZOOMANDPAN_MAGNIFY, SVG_ZOOMANDPAN_UNKNOWN

Constructor Summary

Constructors
Modifier Constructor and Description

protected JsCanvasRenderingContext2D()

Constructors
Modifier	Constructor and Description
`protected`	`JsCanvasRenderingContext2D()`

Method Summary

Methods
Modifier and Type	Method and Description
`void`	`arc(float x, float y, float radius, float startAngle, float endAngle, boolean anticlockwise)` Adds an arc to the path which it center is at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).
`void`	`arcTo(float x1, float y1, float x2, float y2, float radius)` Adds an arc with the given control points and radius, connected to the previous point by a straight line.
`void`	`beginPath()`
`void`	`bezierCurveTo(float cp1x, float cp1y, float cp2x, float cp2y, float x, float y)`
`void`	`clearRect(float x, float y, float width, float height)` Clears the rectangle defined by it starting point at (x, y) and has a w width and a h height.
`void`	`clearShadow()`
`void`	`clip()`
`void`	`closePath()`
`JsImageData`	`createImageData(float sw, float sh)`
`JsImageData`	`createImageData(ImageData imagedata)`
`JsCanvasGradient`	`createLinearGradient(float x0, float y0, float x1, float y1)`
`JsCanvasPattern`	`createPattern(CanvasElement canvas, String repetitionType)` Parameters
`JsCanvasPattern`	`createPattern(ImageElement image, String repetitionType)` Parameters
`JsCanvasGradient`	`createRadialGradient(float x0, float y0, float r0, float x1, float y1, float r1)`
`void`	`drawImage(CanvasElement canvas, float x, float y)` Draws the specified image.
`void`	`drawImage(CanvasElement canvas, float x, float y, float width, float height)` Draws the specified image.
`void`	`drawImage(CanvasElement canvas, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh)` Draws the specified image.
`void`	`drawImage(ImageElement image, float x, float y)` Draws the specified image.
`void`	`drawImage(ImageElement image, float x, float y, float width, float height)` Draws the specified image.
`void`	`drawImage(ImageElement image, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh)` Draws the specified image.
`void`	`drawImage(VideoElement video, float x, float y)` Draws the specified image.
`void`	`drawImage(VideoElement video, float x, float y, float width, float height)` Draws the specified image.
`void`	`drawImage(VideoElement video, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh)` Draws the specified image.
`void`	`drawImageFromRect(ImageElement image)`
`void`	`drawImageFromRect(ImageElement image, float sx)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw, float sh)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw, float sh, float dx)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw, float sh, float dx, float dy)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw, float sh, float dx, float dy, float dw)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh)`
`void`	`drawImageFromRect(ImageElement image, float sx, float sy, float sw, float sh, float dx, float dy, float dw, float dh, String compositeOperation)`
`void`	`fill()` Fills the subpaths with the current fill style.
`void`	`fillRect(float x, float y, float width, float height)` Draws a filled rectangle at (x, y) position whose size is determined by width and height.
`void`	`fillText(String text, float x, float y)`
`void`	`fillText(String text, float x, float y, float maxWidth)`
`Object`	`getFillStyle()` Color or style to use inside shapes.
`String`	`getFont()` Default value `10px sans-serif`.
`float`	`getGlobalAlpha()` Alpha value that is applied to shapes and images before they are composited onto the canvas.
`String`	`getGlobalCompositeOperation()` With `globalAplpha` applied this sets how shapes and images are drawn onto the existing bitmap.
`JsImageData`	`getImageData(float sx, float sy, float sw, float sh)` Returns an `ImageData` object representing the underlying pixel data for the area of the canvas denoted by the rectangle which starts at (sx, sy) and has a sw width and sh height.
`String`	`getLineCap()` Type of endings on the end of lines.
`String`	`getLineJoin()` Defines the type of corners where two lines meet.
`float`	`getLineWidth()` Width of lines.
`float`	`getMiterLimit()` Default `10`.
`float`	`getShadowBlur()` Specifies the blurring effect.
`String`	`getShadowColor()` Color of the shadow.
`float`	`getShadowOffsetX()` Horizontal distance the shadow will be offset.
`float`	`getShadowOffsetY()` Vertical distance the shadow will be offset.
`Object`	`getStrokeStyle()` Color or style to use for the lines around shapes.
`String`	`getTextAlign()` Possible values: `start` (default), `end`, `left`, `right` or `center`.
`String`	`getTextBaseline()`
`float`	`getWebkitBackingStorePixelRatio()`
`JsIndexable`	`getWebkitLineDash()` An array which specifies the lengths of alternating dashes and gaps.
`float`	`getWebkitLineDashOffset()` Specifies where to start a dasharray on a line.
`boolean`	`isPointInPath(float x, float y)` Reports whether or not the specified point is contained in the current path.
`boolean`	`isWebkitImageSmoothingEnabled()` Image smoothing mode; if disabled, images will not be smoothed if scaled.
`void`	`lineTo(float x, float y)` Connects the last point in the subpath to the `x, y` coordinates with a straight line.
`JsTextMetrics`	`measureText(String text)`
`void`	`moveTo(float x, float y)` Moves the starting point of a new subpath to the (x, y) coordinates.
`void`	`putImageData(ImageData imagedata, float dx, float dy)` Compatibility notes
`void`	`putImageData(ImageData imagedata, float dx, float dy, float dirtyX, float dirtyY, float dirtyWidth, float dirtyHeight)` Compatibility notes
`void`	`quadraticCurveTo(float cpx, float cpy, float x, float y)`
`void`	`rect(float x, float y, float width, float height)`
`void`	`restore()` Restores the drawing style state to the last element on the 'state stack' saved by save()
`void`	`rotate(float angle)`
`void`	`save()` Saves the current drawing style state using a stack so you can revert any change you make to it using restore().
`void`	`scale(float sx, float sy)`
`void`	`setAlpha(float alpha)`
`void`	`setCompositeOperation(String compositeOperation)`
`void`	`setFillColor(float grayLevel)`
`void`	`setFillColor(float grayLevel, float alpha)`
`void`	`setFillColor(float r, float g, float b, float a)`
`void`	`setFillColor(float c, float m, float y, float k, float a)`
`void`	`setFillColor(String color)`
`void`	`setFillColor(String color, float alpha)`
`void`	`setFillStyle(Object param_fillStyle)`
`void`	`setFont(String param_font)`
`void`	`setGlobalAlpha(float param_globalAlpha)`
`void`	`setGlobalCompositeOperation(String param_globalCompositeOperation)`
`void`	`setLineCap(String param_lineCap)`
`void`	`setLineJoin(String param_lineJoin)`
`void`	`setLineWidth(float param_lineWidth)`
`void`	`setMiterLimit(float param_miterLimit)`
`void`	`setShadow(float width, float height, float blur)`
`void`	`setShadow(float width, float height, float blur, float grayLevel)`
`void`	`setShadow(float width, float height, float blur, float grayLevel, float alpha)`
`void`	`setShadow(float width, float height, float blur, float r, float g, float b, float a)`
`void`	`setShadow(float width, float height, float blur, float c, float m, float y, float k, float a)`
`void`	`setShadow(float width, float height, float blur, String color)`
`void`	`setShadow(float width, float height, float blur, String color, float alpha)`
`void`	`setShadowBlur(float param_shadowBlur)`
`void`	`setShadowColor(String param_shadowColor)`
`void`	`setShadowOffsetX(float param_shadowOffsetX)`
`void`	`setShadowOffsetY(float param_shadowOffsetY)`
`void`	`setStrokeColor(float grayLevel)`
`void`	`setStrokeColor(float grayLevel, float alpha)`
`void`	`setStrokeColor(float r, float g, float b, float a)`
`void`	`setStrokeColor(float c, float m, float y, float k, float a)`
`void`	`setStrokeColor(String color)`
`void`	`setStrokeColor(String color, float alpha)`
`void`	`setStrokeStyle(Object param_strokeStyle)`
`void`	`setTextAlign(String param_textAlign)`
`void`	`setTextBaseline(String param_textBaseline)`
`void`	`setTransform(float m11, float m12, float m21, float m22, float dx, float dy)`
`void`	`setWebkitImageSmoothingEnabled(boolean param_webkitImageSmoothingEnabled)`
`void`	`setWebkitLineDash(Indexable param_webkitLineDash)`
`void`	`setWebkitLineDashOffset(float param_webkitLineDashOffset)`
`void`	`stroke()` Strokes the subpaths with the current stroke style.
`void`	`strokeRect(float x, float y, float width, float height)` Paints a rectangle which it starting point is at (x, y) and has a w width and a h height onto the canvas, using the current stroke style.
`void`	`strokeRect(float x, float y, float width, float height, float lineWidth)` Paints a rectangle which it starting point is at (x, y) and has a w width and a h height onto the canvas, using the current stroke style.
`void`	`strokeText(String text, float x, float y)`
`void`	`strokeText(String text, float x, float y, float maxWidth)`
`void`	`transform(float m11, float m12, float m21, float m22, float dx, float dy)`
`void`	`translate(float tx, float ty)` Moves the origin point of the context to (x, y).
`JsImageData`	`webkitGetImageDataHD(float sx, float sy, float sw, float sh)`
`void`	`webkitPutImageDataHD(ImageData imagedata, float dx, float dy)`
`void`	`webkitPutImageDataHD(ImageData imagedata, float dx, float dy, float dirtyX, float dirtyY, float dirtyWidth, float dirtyHeight)`

Methods inherited from class elemental.js.html.JsCanvasRenderingContext
getCanvas

Methods inherited from class elemental.js.dom.JsElementalMixinBase
addEventListener, addEventListener, beginElement, beginElementAt, dispatchEvent, endElement, endElementAt, getAnimatedClassName, getAnimatedHeight, getAnimatedHref, getAnimatedResult, getAnimatedTransform, getAnimatedWidth, getAnimatedX, getAnimatedY, getBBox, getChildElementCount, getCTM, getExternalResourcesRequired, getFarthestViewportElement, getFirstElementChild, getLastElementChild, getNearestViewportElement, getNextElementSibling, getPresentationAttribute, getPreserveAspectRatio, getPreviousElementSibling, getRequiredExtensions, getRequiredFeatures, getScreenCTM, getSvgStyle, getSystemLanguage, getTransformToElement, getViewBox, getXmllang, getXmlspace, getZoomAndPan, hasExtension, querySelector, querySelectorAll, removeEventListener, removeEventListener, setXmllang, setXmlspace, setZoomAndPan

Methods inherited from class elemental.js.util.JsElementalBase
at, at, intAt, intAt, length, numberAt, numberAt, setAt, setAt, setAt, setAt, setAt, setAt

Methods inherited from class com.google.gwt.core.client.JavaScriptObject
cast, createArray, createArray, createFunction, createObject, equals, hashCode, toSource, toString

Methods inherited from class java.lang.Object
finalize, getClass

Methods inherited from interface elemental.html.CanvasRenderingContext
getCanvas

Methods inherited from interface elemental.util.IndexableInt
intAt, length

Methods inherited from interface elemental.util.IndexableNumber
numberAt

- Constructor Detail
  - JsCanvasRenderingContext2D
```
protected JsCanvasRenderingContext2D()
```
- Method Detail
  - getFillStyle
```
public final Object getFillStyle()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Color or style to use inside shapes. Default #000 (black).
    
    Specified by:
    
    getFillStyle in interface CanvasRenderingContext2D
  - setFillStyle
```
public final void setFillStyle(Object param_fillStyle)
```
    Specified by:
    
    setFillStyle in interface CanvasRenderingContext2D
  - getFont
```
public final String getFont()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Default value 10px sans-serif.
    
    Specified by:
    
    getFont in interface CanvasRenderingContext2D
  - setFont
```
public final void setFont(String param_font)
```
    Specified by:
    
    setFont in interface CanvasRenderingContext2D
  - getGlobalAlpha
```
public final float getGlobalAlpha()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Alpha value that is applied to shapes and images before they are composited onto the canvas. Default 1.0 (opaque).
    
    Specified by:
    
    getGlobalAlpha in interface CanvasRenderingContext2D
  - setGlobalAlpha
```
public final void setGlobalAlpha(float param_globalAlpha)
```
    Specified by:
    
    setGlobalAlpha in interface CanvasRenderingContext2D
  - getGlobalCompositeOperation
```
public final String getGlobalCompositeOperation()
```
    Description copied from interface: CanvasRenderingContext2D
    With globalAplpha applied this sets how shapes and images are drawn onto the existing bitmap. Possible values:
    - source-atop
    - source-in
    - source-out
    - source-over (default)
    - destination-atop
    - destination-in
    - destination-out
    - destination-over
    - lighter
    - xor
    Specified by:
    
    getGlobalCompositeOperation in interface CanvasRenderingContext2D
  - setGlobalCompositeOperation
```
public final void setGlobalCompositeOperation(String param_globalCompositeOperation)
```
    Specified by:
    
    setGlobalCompositeOperation in interface CanvasRenderingContext2D
  - getLineCap
```
public final String getLineCap()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Type of endings on the end of lines. Possible values: butt (default), round, square
    
    Specified by:
    
    getLineCap in interface CanvasRenderingContext2D
  - setLineCap
```
public final void setLineCap(String param_lineCap)
```
    Specified by:
    
    setLineCap in interface CanvasRenderingContext2D
  - getLineJoin
```
public final String getLineJoin()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Defines the type of corners where two lines meet. Possible values: round, bevel, miter (default)
    
    Specified by:
    
    getLineJoin in interface CanvasRenderingContext2D
  - setLineJoin
```
public final void setLineJoin(String param_lineJoin)
```
    Specified by:
    
    setLineJoin in interface CanvasRenderingContext2D
  - getLineWidth
```
public final float getLineWidth()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Width of lines. Default 1.0
    
    Specified by:
    
    getLineWidth in interface CanvasRenderingContext2D
  - setLineWidth
```
public final void setLineWidth(float param_lineWidth)
```
    Specified by:
    
    setLineWidth in interface CanvasRenderingContext2D
  - getMiterLimit
```
public final float getMiterLimit()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Default 10.
    
    Specified by:
    
    getMiterLimit in interface CanvasRenderingContext2D
  - setMiterLimit
```
public final void setMiterLimit(float param_miterLimit)
```
    Specified by:
    
    setMiterLimit in interface CanvasRenderingContext2D
  - getShadowBlur
```
public final float getShadowBlur()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Specifies the blurring effect. Default 0
    
    Specified by:
    
    getShadowBlur in interface CanvasRenderingContext2D
  - setShadowBlur
```
public final void setShadowBlur(float param_shadowBlur)
```
    Specified by:
    
    setShadowBlur in interface CanvasRenderingContext2D
  - getShadowColor
```
public final String getShadowColor()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Color of the shadow. Default fully-transparent black.
    
    Specified by:
    
    getShadowColor in interface CanvasRenderingContext2D
  - setShadowColor
```
public final void setShadowColor(String param_shadowColor)
```
    Specified by:
    
    setShadowColor in interface CanvasRenderingContext2D
  - getShadowOffsetX
```
public final float getShadowOffsetX()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Horizontal distance the shadow will be offset. Default 0.
    
    Specified by:
    
    getShadowOffsetX in interface CanvasRenderingContext2D
  - setShadowOffsetX
```
public final void setShadowOffsetX(float param_shadowOffsetX)
```
    Specified by:
    
    setShadowOffsetX in interface CanvasRenderingContext2D
  - getShadowOffsetY
```
public final float getShadowOffsetY()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Vertical distance the shadow will be offset. Default 0.
    
    Specified by:
    
    getShadowOffsetY in interface CanvasRenderingContext2D
  - setShadowOffsetY
```
public final void setShadowOffsetY(float param_shadowOffsetY)
```
    Specified by:
    
    setShadowOffsetY in interface CanvasRenderingContext2D
  - getStrokeStyle
```
public final Object getStrokeStyle()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Color or style to use for the lines around shapes. Default #000 (black).
    
    Specified by:
    
    getStrokeStyle in interface CanvasRenderingContext2D
  - setStrokeStyle
```
public final void setStrokeStyle(Object param_strokeStyle)
```
    Specified by:
    
    setStrokeStyle in interface CanvasRenderingContext2D
  - getTextAlign
```
public final String getTextAlign()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Possible values: start (default), end, left, right or center.
    
    Specified by:
    
    getTextAlign in interface CanvasRenderingContext2D
  - setTextAlign
```
public final void setTextAlign(String param_textAlign)
```
    Specified by:
    
    setTextAlign in interface CanvasRenderingContext2D
  - getTextBaseline
```
public final String getTextBaseline()
```
    Specified by:
    
    getTextBaseline in interface CanvasRenderingContext2D
  - setTextBaseline
```
public final void setTextBaseline(String param_textBaseline)
```
    Specified by:
    
    setTextBaseline in interface CanvasRenderingContext2D
  - getWebkitBackingStorePixelRatio
```
public final float getWebkitBackingStorePixelRatio()
```
    Specified by:
    
    getWebkitBackingStorePixelRatio in interface CanvasRenderingContext2D
  - isWebkitImageSmoothingEnabled
```
public final boolean isWebkitImageSmoothingEnabled()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Image smoothing mode; if disabled, images will not be smoothed if scaled. Requires Gecko 1.9.2
    
    Specified by:
    
    isWebkitImageSmoothingEnabled in interface CanvasRenderingContext2D
  - setWebkitImageSmoothingEnabled
```
public final void setWebkitImageSmoothingEnabled(boolean param_webkitImageSmoothingEnabled)
```
    Specified by:
    
    setWebkitImageSmoothingEnabled in interface CanvasRenderingContext2D
  - getWebkitLineDash
```
public final JsIndexable getWebkitLineDash()
```
    Description copied from interface: CanvasRenderingContext2D
    
    An array which specifies the lengths of alternating dashes and gaps.
    
    Specified by:
    
    getWebkitLineDash in interface CanvasRenderingContext2D
  - setWebkitLineDash
```
public final void setWebkitLineDash(Indexable param_webkitLineDash)
```
    Specified by:
    
    setWebkitLineDash in interface CanvasRenderingContext2D
  - getWebkitLineDashOffset
```
public final float getWebkitLineDashOffset()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Specifies where to start a dasharray on a line.
    
    Specified by:
    
    getWebkitLineDashOffset in interface CanvasRenderingContext2D
  - setWebkitLineDashOffset
```
public final void setWebkitLineDashOffset(float param_webkitLineDashOffset)
```
    Specified by:
    
    setWebkitLineDashOffset in interface CanvasRenderingContext2D
  - arc
```
public final void arc(float x,
       float y,
       float radius,
       float startAngle,
       float endAngle,
       boolean anticlockwise)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Adds an arc to the path which it center is at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).
    
    Parameters
    
    x
    
    The x axis of the coordinate for the arc's center
    
    y
    
    The y axis of the coordinate for the arc's center.
    
    radius
    
    The arc's radius
    
    startAngle
    
    The starting point, measured from the x axis , from which it will be drawed expressed as radians.
    
    endAngle
    
    The end arc's angle to which it will be drawed expressed as radians.
    
    anticlockwise Optional from Gecko 2.0
    
    When true draws the arc anticlockwise, otherwise in a clockwise direction.
    
    Specified by:
    
    arc in interface CanvasRenderingContext2D
  - arcTo
```
public final void arcTo(float x1,
         float y1,
         float x2,
         float y2,
         float radius)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Adds an arc with the given control points and radius, connected to the previous point by a straight line.
    
    Parameters
    
    x1
    
    y1
    
    x2
    
    y2
    
    radius
    
    The arc's radius.
    
    Specified by:
    
    arcTo in interface CanvasRenderingContext2D
  - beginPath
```
public final void beginPath()
```
    Specified by:
    
    beginPath in interface CanvasRenderingContext2D
  - bezierCurveTo
```
public final void bezierCurveTo(float cp1x,
                 float cp1y,
                 float cp2x,
                 float cp2y,
                 float x,
                 float y)
```
    Specified by:
    
    bezierCurveTo in interface CanvasRenderingContext2D
  - clearRect
```
public final void clearRect(float x,
             float y,
             float width,
             float height)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Clears the rectangle defined by it starting point at (x, y) and has a w width and a h height.
    
    Parameters
    
    x
    
    The x axis of the coordinate for the rectangle starting point.
    
    y
    
    The y axis of the coordinate for the rectangle starting point.
    
    width
    
    The rectangle's width.
    
    height
    
    The rectangle's height.
    
    Specified by:
    
    clearRect in interface CanvasRenderingContext2D
  - clearShadow
```
public final void clearShadow()
```
    Specified by:
    
    clearShadow in interface CanvasRenderingContext2D
  - clip
```
public final void clip()
```
    Specified by:
    
    clip in interface CanvasRenderingContext2D
  - closePath
```
public final void closePath()
```
    Specified by:
    
    closePath in interface CanvasRenderingContext2D
  - createImageData
```
public final JsImageData createImageData(ImageData imagedata)
```
    Specified by:
    
    createImageData in interface CanvasRenderingContext2D
  - createImageData
```
public final JsImageData createImageData(float sw,
                          float sh)
```
    Specified by:
    
    createImageData in interface CanvasRenderingContext2D
  - createLinearGradient
```
public final JsCanvasGradient createLinearGradient(float x0,
                                    float y0,
                                    float x1,
                                    float y1)
```
    Specified by:
    
    createLinearGradient in interface CanvasRenderingContext2D
  - createPattern
```
public final JsCanvasPattern createPattern(CanvasElement canvas,
                            String repetitionType)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Parameters
    
    image
    
    A DOM element to use as the source image for the pattern. This can be any element, although typically you'll use an Image or <canvas> .
    
    repetition
    
    ?
    
    Return value
    
    A new DOM canvas pattern object for use in pattern-based operations.
    
    Exceptions thrown
    
    NS_ERROR_DOM_INVALID_STATE_ERR Requires Gecko 10.0
    
    The specified <canvas> element for the image parameter is zero-sized (that is, one or both of its dimensions are 0 pixels).
    
    Specified by:
    
    createPattern in interface CanvasRenderingContext2D
  - createPattern
```
public final JsCanvasPattern createPattern(ImageElement image,
                            String repetitionType)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Parameters
    
    image
    
    A DOM element to use as the source image for the pattern. This can be any element, although typically you'll use an Image or <canvas> .
    
    repetition
    
    ?
    
    Return value
    
    A new DOM canvas pattern object for use in pattern-based operations.
    
    Exceptions thrown
    
    NS_ERROR_DOM_INVALID_STATE_ERR Requires Gecko 10.0
    
    The specified <canvas> element for the image parameter is zero-sized (that is, one or both of its dimensions are 0 pixels).
    
    Specified by:
    
    createPattern in interface CanvasRenderingContext2D
  - createRadialGradient
```
public final JsCanvasGradient createRadialGradient(float x0,
                                    float y0,
                                    float r0,
                                    float x1,
                                    float y1,
                                    float r1)
```
    Specified by:
    
    createRadialGradient in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(ImageElement image,
             float x,
             float y)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(ImageElement image,
             float x,
             float y,
             float width,
             float height)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(ImageElement image,
             float sx,
             float sy,
             float sw,
             float sh,
             float dx,
             float dy,
             float dw,
             float dh)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(CanvasElement canvas,
             float x,
             float y)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(CanvasElement canvas,
             float x,
             float y,
             float width,
             float height)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(CanvasElement canvas,
             float sx,
             float sy,
             float sw,
             float sh,
             float dx,
             float dy,
             float dw,
             float dh)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(VideoElement video,
             float x,
             float y)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(VideoElement video,
             float x,
             float y,
             float width,
             float height)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImage
```
public final void drawImage(VideoElement video,
             float sx,
             float sy,
             float sw,
             float sh,
             float dx,
             float dy,
             float dw,
             float dh)
```
    Description copied from interface: CanvasRenderingContext2D
    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.
    
    Parameters
    
    image
    
    An element to draw into the context; the specification permits any image element (that is, <img> , <canvas> , and <video> ). Some browsers, including Firefox, let you use any arbitrary element.
    
    dx
    
    The X coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dy
    
    The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
    
    dw
    
    The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
    
    dh
    
    The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
    
    sx
    
    The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sy
    
    The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
    
    sw
    
    The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used. If you specify a negative value, the image is flipped horizontally when drawn.
    
    sh
    
    The height of the sub-rectangle of the source image to draw into the destination context. If you specify a negative value, the image is flipped vertically when drawn.
    
    The diagram below illustrates the meanings of the various parameters.
    
    Exceptions thrown
    
    INDEX_SIZE_ERR
    
    If the canvas or source rectangle width or height is zero.
    
    INVALID_STATE_ERR
    
    The image has no image data.
    
    TYPE_MISMATCH_ERR
    
    The specified source element isn't supported. This is not thrown by Firefox, since any element may be used as a source image.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , Firefox threw an exception if any of the coordinate values was non-finite or zero. As per the specification, this no longer happens.
    
    Support for flipping the image by using negative values for sw and sh was added in Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) .
    
    Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6) now correctly supports CORS for drawing images across domains without tainting the canvas.
    Specified by:
    
    drawImage in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw,
                     float sh)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw,
                     float sh,
                     float dx)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw,
                     float sh,
                     float dx,
                     float dy)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw,
                     float sh,
                     float dx,
                     float dy,
                     float dw)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw,
                     float sh,
                     float dx,
                     float dy,
                     float dw,
                     float dh)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - drawImageFromRect
```
public final void drawImageFromRect(ImageElement image,
                     float sx,
                     float sy,
                     float sw,
                     float sh,
                     float dx,
                     float dy,
                     float dw,
                     float dh,
                     String compositeOperation)
```
    Specified by:
    
    drawImageFromRect in interface CanvasRenderingContext2D
  - fill
```
public final void fill()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Fills the subpaths with the current fill style.
    
    Specified by:
    
    fill in interface CanvasRenderingContext2D
  - fillRect
```
public final void fillRect(float x,
            float y,
            float width,
            float height)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Draws a filled rectangle at (x, y) position whose size is determined by width and height.
    
    Parameters
    
    x
    
    The x axis of the coordinate for the rectangle starting point.
    
    y
    
    The y axis of the coordinate for the rectangle starting point.
    
    width
    
    The rectangle's width.
    
    height
    
    The rectangle's height.
    
    Specified by:
    
    fillRect in interface CanvasRenderingContext2D
  - fillText
```
public final void fillText(String text,
            float x,
            float y)
```
    Specified by:
    
    fillText in interface CanvasRenderingContext2D
  - fillText
```
public final void fillText(String text,
            float x,
            float y,
            float maxWidth)
```
    Specified by:
    
    fillText in interface CanvasRenderingContext2D
  - getImageData
```
public final JsImageData getImageData(float sx,
                       float sy,
                       float sw,
                       float sh)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Returns an ImageData object representing the underlying pixel data for the area of the canvas denoted by the rectangle which starts at (sx, sy) and has a sw width and sh height.
    
    Parameters
    
    sx
    
    The x axis of the coordinate for the rectangle startpoint from which the ImageData will be extracted.
    
    sy
    
    The x axis of the coordinate for the rectangle endpoint from which the ImageData will be extracted.
    
    sw
    
    The width of the rectangle from which the ImageData will be extracted.
    
    sh
    
    The height of the rectangle from which the ImageData will be extracted.
    
    Return value
    
    Returns an ImageData object containing the image data for the given rectangle of the canvas.
    
    Specified by:
    
    getImageData in interface CanvasRenderingContext2D
  - isPointInPath
```
public final boolean isPointInPath(float x,
                    float y)
```
    Description copied from interface: CanvasRenderingContext2D
    Reports whether or not the specified point is contained in the current path.
    
    Parameters
    
    x
    
    The X coordinate of the point to check.
    
    y
    
    The Y coordinate of the point to check.
    
    Return value
    
    true if the specified point is contained in the current path; otherwise false.
    Compatibility notes
    
    Prior to Gecko 7.0 (Firefox 7.0 / Thunderbird 7.0 / SeaMonkey 2.4) , this method incorrectly failed to multiply the specified point's coordinates by the current transformation matrix before comparing it to the path. Now this method works correctly even if the context is rotated, scaled, or otherwise transformed.
    Specified by:
    
    isPointInPath in interface CanvasRenderingContext2D
  - lineTo
```
public final void lineTo(float x,
          float y)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Connects the last point in the subpath to the x, y coordinates with a straight line.
    
    Parameters
    
    x
    
    The x axis of the coordinate for the end of the line.
    
    y
    
    The y axis of the coordinate for the end of the line.
    
    Specified by:
    
    lineTo in interface CanvasRenderingContext2D
  - measureText
```
public final JsTextMetrics measureText(String text)
```
    Specified by:
    
    measureText in interface CanvasRenderingContext2D
  - moveTo
```
public final void moveTo(float x,
          float y)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Moves the starting point of a new subpath to the (x, y) coordinates.
    
    Parameters
    
    x
    
    The x axis of the point.
    
    y
    
    The y axis of the point.
    
    Specified by:
    
    moveTo in interface CanvasRenderingContext2D
  - putImageData
```
public final void putImageData(ImageData imagedata,
                float dx,
                float dy)
```
    Description copied from interface: CanvasRenderingContext2D
    Compatibility notes
    - Starting in Gecko 10.0 (Firefox 10.0 / Thunderbird 10.0) , non-finite values to any of these parameters causes the call to putImageData() to be silently ignored, rather than throwing an exception.
    Specified by:
    
    putImageData in interface CanvasRenderingContext2D
  - putImageData
```
public final void putImageData(ImageData imagedata,
                float dx,
                float dy,
                float dirtyX,
                float dirtyY,
                float dirtyWidth,
                float dirtyHeight)
```
    Description copied from interface: CanvasRenderingContext2D
    Compatibility notes
    - Starting in Gecko 10.0 (Firefox 10.0 / Thunderbird 10.0) , non-finite values to any of these parameters causes the call to putImageData() to be silently ignored, rather than throwing an exception.
    Specified by:
    
    putImageData in interface CanvasRenderingContext2D
  - quadraticCurveTo
```
public final void quadraticCurveTo(float cpx,
                    float cpy,
                    float x,
                    float y)
```
    Specified by:
    
    quadraticCurveTo in interface CanvasRenderingContext2D
  - rect
```
public final void rect(float x,
        float y,
        float width,
        float height)
```
    Specified by:
    
    rect in interface CanvasRenderingContext2D
  - restore
```
public final void restore()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Restores the drawing style state to the last element on the 'state stack' saved by save()
    
    Specified by:
    
    restore in interface CanvasRenderingContext2D
  - rotate
```
public final void rotate(float angle)
```
    Specified by:
    
    rotate in interface CanvasRenderingContext2D
  - save
```
public final void save()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Saves the current drawing style state using a stack so you can revert any change you make to it using restore().
    
    Specified by:
    
    save in interface CanvasRenderingContext2D
  - scale
```
public final void scale(float sx,
         float sy)
```
    Specified by:
    
    scale in interface CanvasRenderingContext2D
  - setAlpha
```
public final void setAlpha(float alpha)
```
    Specified by:
    
    setAlpha in interface CanvasRenderingContext2D
  - setCompositeOperation
```
public final void setCompositeOperation(String compositeOperation)
```
    Specified by:
    
    setCompositeOperation in interface CanvasRenderingContext2D
  - setFillColor
```
public final void setFillColor(String color)
```
    Specified by:
    
    setFillColor in interface CanvasRenderingContext2D
  - setFillColor
```
public final void setFillColor(String color,
                float alpha)
```
    Specified by:
    
    setFillColor in interface CanvasRenderingContext2D
  - setFillColor
```
public final void setFillColor(float grayLevel)
```
    Specified by:
    
    setFillColor in interface CanvasRenderingContext2D
  - setFillColor
```
public final void setFillColor(float grayLevel,
                float alpha)
```
    Specified by:
    
    setFillColor in interface CanvasRenderingContext2D
  - setFillColor
```
public final void setFillColor(float r,
                float g,
                float b,
                float a)
```
    Specified by:
    
    setFillColor in interface CanvasRenderingContext2D
  - setFillColor
```
public final void setFillColor(float c,
                float m,
                float y,
                float k,
                float a)
```
    Specified by:
    
    setFillColor in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur,
             String color)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur,
             String color,
             float alpha)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur,
             float grayLevel)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur,
             float grayLevel,
             float alpha)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur,
             float r,
             float g,
             float b,
             float a)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setShadow
```
public final void setShadow(float width,
             float height,
             float blur,
             float c,
             float m,
             float y,
             float k,
             float a)
```
    Specified by:
    
    setShadow in interface CanvasRenderingContext2D
  - setStrokeColor
```
public final void setStrokeColor(String color)
```
    Specified by:
    
    setStrokeColor in interface CanvasRenderingContext2D
  - setStrokeColor
```
public final void setStrokeColor(String color,
                  float alpha)
```
    Specified by:
    
    setStrokeColor in interface CanvasRenderingContext2D
  - setStrokeColor
```
public final void setStrokeColor(float grayLevel)
```
    Specified by:
    
    setStrokeColor in interface CanvasRenderingContext2D
  - setStrokeColor
```
public final void setStrokeColor(float grayLevel,
                  float alpha)
```
    Specified by:
    
    setStrokeColor in interface CanvasRenderingContext2D
  - setStrokeColor
```
public final void setStrokeColor(float r,
                  float g,
                  float b,
                  float a)
```
    Specified by:
    
    setStrokeColor in interface CanvasRenderingContext2D
  - setStrokeColor
```
public final void setStrokeColor(float c,
                  float m,
                  float y,
                  float k,
                  float a)
```
    Specified by:
    
    setStrokeColor in interface CanvasRenderingContext2D
  - setTransform
```
public final void setTransform(float m11,
                float m12,
                float m21,
                float m22,
                float dx,
                float dy)
```
    Specified by:
    
    setTransform in interface CanvasRenderingContext2D
  - stroke
```
public final void stroke()
```
    Description copied from interface: CanvasRenderingContext2D
    
    Strokes the subpaths with the current stroke style.
    
    Specified by:
    
    stroke in interface CanvasRenderingContext2D
  - strokeRect
```
public final void strokeRect(float x,
              float y,
              float width,
              float height)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Paints a rectangle which it starting point is at (x, y) and has a w width and a h height onto the canvas, using the current stroke style.
    
    Parameters
    
    x
    
    The x axis for the starting point of the rectangle.
    
    y
    
    The y axis for the starting point of the rectangle.
    
    w
    
    The rectangle's width.
    
    h
    
    The rectangle's height.
    
    Specified by:
    
    strokeRect in interface CanvasRenderingContext2D
  - strokeRect
```
public final void strokeRect(float x,
              float y,
              float width,
              float height,
              float lineWidth)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Paints a rectangle which it starting point is at (x, y) and has a w width and a h height onto the canvas, using the current stroke style.
    
    Parameters
    
    x
    
    The x axis for the starting point of the rectangle.
    
    y
    
    The y axis for the starting point of the rectangle.
    
    w
    
    The rectangle's width.
    
    h
    
    The rectangle's height.
    
    Specified by:
    
    strokeRect in interface CanvasRenderingContext2D
  - strokeText
```
public final void strokeText(String text,
              float x,
              float y)
```
    Specified by:
    
    strokeText in interface CanvasRenderingContext2D
  - strokeText
```
public final void strokeText(String text,
              float x,
              float y,
              float maxWidth)
```
    Specified by:
    
    strokeText in interface CanvasRenderingContext2D
  - transform
```
public final void transform(float m11,
             float m12,
             float m21,
             float m22,
             float dx,
             float dy)
```
    Specified by:
    
    transform in interface CanvasRenderingContext2D
  - translate
```
public final void translate(float tx,
             float ty)
```
    Description copied from interface: CanvasRenderingContext2D
    
    Moves the origin point of the context to (x, y).
    
    Parameters
    
    x
    
    The x axis for the point to be considered as the origin.
    
    y
    
    The x axis for the point to be considered as the origin.
    
    Specified by:
    
    translate in interface CanvasRenderingContext2D
  - webkitGetImageDataHD
```
public final JsImageData webkitGetImageDataHD(float sx,
                               float sy,
                               float sw,
                               float sh)
```
    Specified by:
    
    webkitGetImageDataHD in interface CanvasRenderingContext2D
  - webkitPutImageDataHD
```
public final void webkitPutImageDataHD(ImageData imagedata,
                        float dx,
                        float dy)
```
    Specified by:
    
    webkitPutImageDataHD in interface CanvasRenderingContext2D
  - webkitPutImageDataHD
```
public final void webkitPutImageDataHD(ImageData imagedata,
                        float dx,
                        float dy,
                        float dirtyX,
                        float dirtyY,
                        float dirtyWidth,
                        float dirtyHeight)
```
    Specified by:
    
    webkitPutImageDataHD in interface CanvasRenderingContext2D

Class JsCanvasRenderingContext2D

Field Summary

Fields inherited from interface elemental.svg.SVGZoomAndPan

Constructor Summary

Method Summary

Parameters

Parameters

Compatibility notes

Compatibility notes

Methods inherited from class elemental.js.html.JsCanvasRenderingContext

Methods inherited from class elemental.js.dom.JsElementalMixinBase

Methods inherited from class elemental.js.util.JsElementalBase

Methods inherited from class com.google.gwt.core.client.JavaScriptObject

Methods inherited from class java.lang.Object

Methods inherited from interface elemental.html.CanvasRenderingContext

Methods inherited from interface elemental.util.IndexableInt

Methods inherited from interface elemental.util.IndexableNumber

Constructor Detail

JsCanvasRenderingContext2D

Method Detail

getFillStyle

setFillStyle

getFont

setFont

getGlobalAlpha

setGlobalAlpha

getGlobalCompositeOperation

setGlobalCompositeOperation

getLineCap

setLineCap

getLineJoin

setLineJoin

getLineWidth

setLineWidth

getMiterLimit

setMiterLimit

getShadowBlur

setShadowBlur

getShadowColor

setShadowColor

getShadowOffsetX

setShadowOffsetX

getShadowOffsetY

setShadowOffsetY

getStrokeStyle

setStrokeStyle

getTextAlign

setTextAlign

getTextBaseline

setTextBaseline

getWebkitBackingStorePixelRatio

isWebkitImageSmoothingEnabled

setWebkitImageSmoothingEnabled

getWebkitLineDash

setWebkitLineDash

getWebkitLineDashOffset

setWebkitLineDashOffset

arc

Parameters

arcTo

Parameters

beginPath

bezierCurveTo

clearRect

Parameters

clearShadow

clip

closePath

createImageData

createImageData

createLinearGradient

createPattern

Parameters

Return value

Exceptions thrown

createPattern

Parameters

Return value

Exceptions thrown

createRadialGradient