org.scalajs.dom.raw

CanvasRenderingContext2D

Related Doc: package raw

class CanvasRenderingContext2D extends Object

The 2D rendering context for the drawing surface of a <canvas> element. To get this object, call getContext() on a <canvas>, supplying "2d" as the argument:

MDN

Annotations
@RawJSType()
Linear Supertypes
Object, Any, AnyRef, Any
Ordering
  1. Alphabetic
  2. By inheritance
Inherited
  1. CanvasRenderingContext2D
  2. Object
  3. Any
  4. AnyRef
  5. Any
  1. Hide All
  2. Show all
Learn more about member selection
Visibility
  1. Public
  2. All

Instance Constructors

  1. new CanvasRenderingContext2D()

Value Members

  1. final def !=(arg0: Any): Boolean

    Definition Classes
    AnyRef → Any
  2. final def ##(): Int

    Definition Classes
    AnyRef → Any
  3. final def ==(arg0: Any): Boolean

    Definition Classes
    AnyRef → Any
  4. def arc(x: Double, y: Double, radius: Double, startAngle: Double, endAngle: Double): Unit

    Adds an arc to the path which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).

    Adds an arc to the path which is centered at (x, y) position with radius r starting at startAngle and ending at endAngle going in the given direction by anticlockwise (defaulting to clockwise).

    MDN

  5. def arc(x: Double, y: Double, radius: Double, startAngle: Double, endAngle: Double, anticlockwise: Boolean): Unit

  6. def arcTo(x1: Double, y1: Double, x2: Double, y2: Double, radius: Double): Unit

    Adds an arc with the given control points and radius, connected to the previous point by a straight line.

    Adds an arc with the given control points and radius, connected to the previous point by a straight line.

    MDN

  7. final def asInstanceOf[T0]: T0

    Definition Classes
    Any
  8. def beginPath(): Unit

    Starts a new path by resetting the list of sub-paths.

    Starts a new path by resetting the list of sub-paths. Call this method when you want to create a new path.

    MDN

  9. def bezierCurveTo(cp1x: Double, cp1y: Double, cp2x: Double, cp2y: Double, x: Double, y: Double): Unit

  10. var canvas: HTMLCanvasElement

    Back-reference to the canvas element for which this context was created.

    Back-reference to the canvas element for which this context was created. Read only.

    MDN

  11. def clearRect(x: Double, y: Double, w: Double, h: Double): Unit

    Sets all pixels in the rectangle defined by starting point (x, y) and size (width, height) to transparent black.

    Sets all pixels in the rectangle defined by starting point (x, y) and size (width, height) to transparent black.

    MDN

  12. def clip(fillRule: String = js.native): Unit

    Creates a clipping path from the current sub-paths.

    Creates a clipping path from the current sub-paths. Everything drawn after clip() is called appears inside the clipping path only. For an example, see Clipping paths in the Canvas tutorial.

    MDN

  13. def clone(): AnyRef

    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  14. def closePath(): Unit

    Tries to draw a straight line from the current point to the start.

    Tries to draw a straight line from the current point to the start. If the shape has already been closed or has only one point, this function does nothing.

    MDN

  15. def createImageData(imageDataOrSw: Any, sh: Double = js.native): ImageData

    Creates a new, blank ImageData object with the specified dimensions.

    Creates a new, blank ImageData object with the specified dimensions. All of the pixels in the new object are transparent black.

    MDN

  16. def createLinearGradient(x0: Double, y0: Double, x1: Double, y1: Double): CanvasGradient

  17. def createPattern(image: HTMLElement, repetition: String): CanvasPattern

  18. def createRadialGradient(x0: Double, y0: Double, r0: Double, x1: Double, y1: Double, r1: Double): CanvasGradient

  19. def drawImage(image: HTMLElement, offsetX: Double, offsetY: Double, width: Double = js.native, height: Double = js.native, canvasOffsetX: Double = js.native, canvasOffsetY: Double = js.native, canvasImageWidth: Double = js.native, canvasImageHeight: Double = js.native): Unit

    Draws the specified image.

    Draws the specified image. This method is available in multiple formats, providing a great deal of flexibility in its use.

    MDN

  20. final def eq(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef
  21. def equals(arg0: Any): Boolean

    Definition Classes
    AnyRef → Any
  22. def fill(): Unit

    Fills the subpaths with the current fill style.

    Fills the subpaths with the current fill style.

    MDN

  23. def fillRect(x: Double, y: Double, w: Double, h: Double): Unit

    Draws a filled rectangle at (x, y) position whose size is determined by width and height.

    Draws a filled rectangle at (x, y) position whose size is determined by width and height.

    MDN

  24. var fillStyle: Any

    A CSS color, a CanvasGradient or CanvasPattern, to use as a fill.

  25. def fillText(text: String, x: Double, y: Double, maxWidth: Double = js.native): Unit

  26. def finalize(): Unit

    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( classOf[java.lang.Throwable] )
  27. var font: String

    Default value 10px sans-serif

    Default value 10px sans-serif

    MDN

  28. final def getClass(): Class[_]

    Definition Classes
    AnyRef → Any
  29. def getImageData(sx: Double, sy: Double, sw: Double, sh: Double): ImageData

    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 an sw width and sh height.

    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 an sw width and sh height.

    MDN

  30. def getLineDash(): Array[Double]

    Returns a dash list array containing an even number of non-negative numbers.

    Returns a dash list array containing an even number of non-negative numbers.

    MDN

  31. var globalAlpha: Double

    Alpha value that is applied to shapes and images before they are composited onto the canvas.

    Alpha value that is applied to shapes and images before they are composited onto the canvas. Default 1.0 (opaque).

    MDN

  32. var globalCompositeOperation: String

    With globalAlpha applied this sets how shapes and images are drawn onto the existing bitmap.

    With globalAlpha 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 darker copy xor

    MDN

  33. def hasOwnProperty(v: String): Boolean

    Definition Classes
    Object
  34. def hashCode(): Int

    Definition Classes
    AnyRef → Any
  35. final def isInstanceOf[T0]: Boolean

    Definition Classes
    Any
  36. def isPointInPath(x: Double, y: Double): Boolean

    Reports whether or not the specified point is contained in the current path.

    Reports whether or not the specified point is contained in the current path.

    MDN

  37. def isPointInPath(x: Double, y: Double, fillRule: String): Boolean

  38. def isPrototypeOf(v: Object): Boolean

    Definition Classes
    Object
  39. var lineCap: String

    Type of endings on the end of lines.

    Type of endings on the end of lines. Possible values: butt (default), round, square

    MDN

  40. var lineDashOffset: Double

    Specifies where to start a dasharray on a line.

    Specifies where to start a dasharray on a line.

    MDN

  41. var lineJoin: String

    Defines the type of corners where two lines meet.

    Defines the type of corners where two lines meet. Possible values: round, bevel, miter (default)

    MDN

  42. def lineTo(x: Double, y: Double): Unit

    Connects the last point in the subpath to the x, y coordinates with a straight line.

    Connects the last point in the subpath to the x, y coordinates with a straight line.

    MDN

  43. var lineWidth: Double

    Width of lines.

    Width of lines. Default 1.0

    MDN

  44. def measureText(text: String): TextMetrics

  45. var miterLimit: Double

    Default 10

    Default 10

    MDN

  46. def moveTo(x: Double, y: Double): Unit

    Moves the starting point of a new subpath to the (x, y) coordinates.

    Moves the starting point of a new subpath to the (x, y) coordinates.

    MDN

  47. final def ne(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef
  48. final def notify(): Unit

    Definition Classes
    AnyRef
  49. final def notifyAll(): Unit

    Definition Classes
    AnyRef
  50. def propertyIsEnumerable(v: String): Boolean

    Definition Classes
    Object
  51. def putImageData(imagedata: ImageData, dx: Double, dy: Double, dirtyX: Double = js.native, dirtyY: Double = js.native, dirtyWidth: Double = js.native, dirtyHeight: Double = js.native): Unit

  52. def quadraticCurveTo(cpx: Double, cpy: Double, x: Double, y: Double): Unit

  53. def rect(x: Double, y: Double, w: Double, h: Double): Unit

  54. def restore(): Unit

    Restores the drawing style state to the last element on the 'state stack' saved by save().

    Restores the drawing style state to the last element on the 'state stack' saved by save().

    MDN

  55. def rotate(angle: Double): Unit

  56. def save(): Unit

    Saves the current drawing style state using a stack so you can revert any change you make to it using restore().

    Saves the current drawing style state using a stack so you can revert any change you make to it using restore().

    MDN

  57. def scale(x: Double, y: Double): Unit

  58. def setLineDash(segments: Array[Double]): Unit

  59. def setTransform(m11: Double, m12: Double, m21: Double, m22: Double, dx: Double, dy: Double): Unit

  60. var shadowBlur: Double

    Specifies the blurring effect.

    Specifies the blurring effect. Default 0

    MDN

  61. var shadowColor: String

    Color of the shadow.

    Color of the shadow. Default fully-transparent black.

    MDN

  62. var shadowOffsetX: Double

    Horizontal distance the shadow will be offset.

    Horizontal distance the shadow will be offset. Default 0.

    MDN

  63. var shadowOffsetY: Double

    Vertical distance the shadow will be offset.

    Vertical distance the shadow will be offset. Default 0.

    MDN

  64. def stroke(): Unit

    Strokes the subpaths with the current stroke style.

    Strokes the subpaths with the current stroke style.

    MDN

  65. def strokeRect(x: Double, y: Double, w: Double, h: Double): Unit

    Paints a rectangle which has a starting point at (x, y) and has a w width and an h height onto the canvas, using the current stroke style.

    Paints a rectangle which has a starting point at (x, y) and has a w width and an h height onto the canvas, using the current stroke style.

    MDN

  66. var strokeStyle: Any

    A CSS color, a CanvasGradient or CanvasPattern, to use as a line around shapes.

  67. def strokeText(text: String, x: Double, y: Double, maxWidth: Double = js.native): Unit

  68. final def synchronized[T0](arg0: ⇒ T0): T0

    Definition Classes
    AnyRef
  69. var textAlign: String

    Possible values: start (default), end, left, right or center.

    Possible values: start (default), end, left, right or center.

    MDN

  70. var textBaseline: String

    Possible values: top, hanging, middle, alphabetic (default), ideographic, bottom

    Possible values: top, hanging, middle, alphabetic (default), ideographic, bottom

    MDN

  71. def toLocaleString(): String

    Definition Classes
    Object
  72. def toString(): String

    Definition Classes
    AnyRef → Any
  73. def transform(m11: Double, m12: Double, m21: Double, m22: Double, dx: Double, dy: Double): Unit

  74. def translate(x: Double, y: Double): Unit

    Moves the origin point of the context to (x, y).

    Moves the origin point of the context to (x, y).

    MDN

  75. def valueOf(): Any

    Definition Classes
    Object
  76. final def wait(): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  77. final def wait(arg0: Long, arg1: Int): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  78. final def wait(arg0: Long): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

Inherited from Object

Inherited from Any

Inherited from AnyRef

Inherited from Any

Ungrouped