CanvasRenderingContext2D

js.html.CanvasRenderingContext2D (extern class)

To get an object of this interface, call getContext() on a canvas element, supplying "2d" as the argument:

Documentation CanvasRenderingContext2D by Mozilla Contributors, licensed under CC-BY-SA 2.5.

See:

Instance Members

globalAlpha: Float
globalCompositeOperation: String
filter: String
imageSmoothingEnabled: Bool
lineWidth: Float
lineCap: String
lineJoin: String
miterLimit: Float
lineDashOffset: Float
shadowOffsetX: Float
shadowOffsetY: Float
shadowBlur: Float
shadowColor: String
font: String
textAlign: String
textBaseline: String
drawImage(image: ImageElement, sx: Float, sy: Float, sw: Float, sh: Float, dx: Float, dy: Float, dw: Float, dh: Float): Void
Name Type
image ImageElement
sx Float
sy Float
sw Float
sh Float
dx Float
dy Float
dw Float
dh Float
beginPath(): Void
fill(path: Path2D, ?winding: CanvasWindingRule = NONZERO): Void
Name Type Default
path Path2D
winding CanvasWindingRule NONZERO
stroke(path: Path2D): Void
Name Type
path Path2D
clip(path: Path2D, ?winding: CanvasWindingRule = NONZERO): Void
Name Type Default
path Path2D
winding CanvasWindingRule NONZERO
isPointInPath(path: Path2D, x: Float, y: Float, ?winding: CanvasWindingRule = NONZERO): Bool
Name Type Default
path Path2D
x Float
y Float
winding CanvasWindingRule NONZERO
Returns
Bool
isPointInStroke(path: Path2D, x: Float, y: Float): Bool
Name Type
path Path2D
x Float
y Float
Returns
Bool
createLinearGradient(x0: Float, y0: Float, x1: Float, y1: Float): CanvasGradient
Name Type
x0 Float
y0 Float
x1 Float
y1 Float
Returns
CanvasGradient
createRadialGradient(x0: Float, y0: Float, r0: Float, x1: Float, y1: Float, r1: Float): CanvasGradient
Name Type
x0 Float
y0 Float
r0 Float
x1 Float
y1 Float
r1 Float
Returns
CanvasGradient
createPattern(image: ImageElement, repetition: String): CanvasPattern
Name Type
image ImageElement
repetition String
Returns
CanvasPattern
addHitRegion(?options: Null<HitRegionOptions>): Void
Name Type Default
options Null<HitRegionOptions> (optional)
removeHitRegion(id: String): Void
Name Type
id String
clearHitRegions(): Void
createImageData(imagedata: ImageData): ImageData
Name Type
imagedata ImageData
Returns
ImageData
getImageData(sx: Float, sy: Float, sw: Float, sh: Float): ImageData
Name Type
sx Float
sy Float
sw Float
sh Float
Returns
ImageData
putImageData(imagedata: ImageData, dx: Float, dy: Float, dirtyX: Float, dirtyY: Float, dirtyWidth: Float, dirtyHeight: Float): Void
Name Type
imagedata ImageData
dx Float
dy Float
dirtyX Float
dirtyY Float
dirtyWidth Float
dirtyHeight Float
setLineDash(segments: Array<Float>): Void
Name Type
segments Array<Float>
getLineDash(): Array<Float>
Returns
Array<Float>
closePath(): Void
moveTo(x: Float, y: Float): Void
Name Type
x Float
y Float
lineTo(x: Float, y: Float): Void
Name Type
x Float
y Float
quadraticCurveTo(cpx: Float, cpy: Float, x: Float, y: Float): Void
Name Type
cpx Float
cpy Float
x Float
y Float
bezierCurveTo(cp1x: Float, cp1y: Float, cp2x: Float, cp2y: Float, x: Float, y: Float): Void
Name Type
cp1x Float
cp1y Float
cp2x Float
cp2y Float
x Float
y Float
arcTo(x1: Float, y1: Float, x2: Float, y2: Float, radius: Float): Void
Name Type
x1 Float
y1 Float
x2 Float
y2 Float
radius Float
rect(x: Float, y: Float, w: Float, h: Float): Void
Name Type
x Float
y Float
w Float
h Float
arc(x: Float, y: Float, radius: Float, startAngle: Float, endAngle: Float, ?anticlockwise: Bool = false): Void
Name Type Default
x Float
y Float
radius Float
startAngle Float
endAngle Float
anticlockwise Bool false
ellipse(x: Float, y: Float, radiusX: Float, radiusY: Float, rotation: Float, startAngle: Float, endAngle: Float, ?anticlockwise: Bool = false): Void
Name Type Default
x Float
y Float
radiusX Float
radiusY Float
rotation Float
startAngle Float
endAngle Float
anticlockwise Bool false
clearRect(x: Float, y: Float, w: Float, h: Float): Void
Name Type
x Float
y Float
w Float
h Float
fillRect(x: Float, y: Float, w: Float, h: Float): Void
Name Type
x Float
y Float
w Float
h Float
strokeRect(x: Float, y: Float, w: Float, h: Float): Void
Name Type
x Float
y Float
w Float
h Float
save(): Void
restore(): Void
fillText(text: String, x: Float, y: Float, ?maxWidth: Float): Void
Name Type Default
text String
x Float
y Float
maxWidth Float (optional)
strokeText(text: String, x: Float, y: Float, ?maxWidth: Float): Void
Name Type Default
text String
x Float
y Float
maxWidth Float (optional)
measureText(text: String): TextMetrics
Name Type
text String
Returns
TextMetrics
scale(x: Float, y: Float): Void
Name Type
x Float
y Float
rotate(angle: Float): Void
Name Type
angle Float
translate(x: Float, y: Float): Void
Name Type
x Float
y Float
transform(a: Float, b: Float, c: Float, d: Float, e: Float, f: Float): Void
Name Type
a Float
b Float
c Float
d Float
e Float
f Float
setTransform(a: Float, b: Float, c: Float, d: Float, e: Float, f: Float): Void
Name Type
a Float
b Float
c Float
d Float
e Float
f Float
resetTransform(): Void
drawFocusIfNeeded(element: Element): Void
Name Type
element Element
drawCustomFocusRing(element: Element): Bool
Name Type
element Element
Returns
Bool