Skip to main content
Module

x/skia_canvas/mod.ts>CanvasRenderingContext2D

Fast HTML Canvas API implementation for Deno using Skia.
DjDeveloperr/skia_canvas
Go to Latest
class CanvasRenderingContext2D
Re-export
import { CanvasRenderingContext2D } from "https://deno.land/x/skia_canvas@0.2.0/mod.ts";

Constructors

new
CanvasRenderingContext2D(canvas: Canvas, ptr: Deno.PointerValue)

Properties

readonly
_unsafePointer
readonly
canvas
direction: TextDirection
fillStyle: Style
filter: string
font: string
fontKerning: "auto"
fontStretch: FontStretch
writeonly
fontVariant: FontVariantCaps
readonly
fontVariantCaps
globalAlpha: number
globalCompositeOperation: GlobalCompositeOperation
imageSmoothingEnabled: boolean
imageSmoothingQuality: ImageSmoothingQuality
letterSpacing: number
lineCap: LineCap
lineDashOffset: number
lineJoin: LineJoin
lineWidth: number
miterLimit: number
shadowBlur: number
shadowColor: string
shadowOffsetX: number
shadowOffsetY: number
strokeStyle: Style
textAlign: TextAlign
textBaseline: TextBaseline
textRendering: "auto"
wordSpacing: number

Methods

arc(
x: number,
y: number,
radius: number,
startAngle: number,
endAngle: number,
anticlockwise: boolean,
)
arcTo(
x1: number,
y1: number,
x2: number,
y2: number,
radius: number,
)
bezierCurveTo(
cp1x: number,
cp1y: number,
cp2x: number,
cp2y: number,
x: number,
y: number,
)
clearRect(
x: number,
y: number,
width: number,
height: number,
)
clip(): void
clip(path: Path2D): void
clip(fillRule: FillRule): void
clip(path: Path2D, fillRule: FillRule): void
createConicGradient(
r: number,
x: number,
y: number,
)
createImageData(sw: number, sh: number): ImageData
createLinearGradient(
x0: number,
y0: number,
x1: number,
y1: number,
)
createRadialGradient(
x0: number,
y0: number,
r0: number,
x1: number,
y1: number,
r1: number,
)
drawImage(
dx: number,
dy: number,
): void
drawImage(
dx: number,
dy: number,
dw: number,
dh: number,
): void
drawImage(
sx: number,
sy: number,
sw: number,
sh: number,
dx: number,
dy: number,
dw: number,
dh: number,
): void
ellipse(
x: number,
y: number,
radiusX: number,
radiusY: number,
rotation: number,
startAngle: number,
endAngle: number,
anticlockwise: boolean,
)
fill(): void
fill(path: Path2D): void
fill(rule: FillRule): void
fill(path: Path2D, rule: FillRule): void
fillRect(
x: number,
y: number,
width: number,
height: number,
)
fillText(
text: string,
x: number,
y: number,
maxWidth?: number,
)
getImageData(
sx: number,
sy: number,
sw: number,
sh: number,
)
isPointInPath(
x: number,
y: number,
fillRule?: FillRule,
): boolean
isPointInPath(
path: Path2D,
x: number,
y: number,
fillRule?: FillRule,
): boolean
isPointInStroke(x: number, y: number): boolean
isPointInStroke(
path: Path2D,
x: number,
y: number,
): boolean
lineTo(x: number, y: number)
measureText(text: string)
moveTo(x: number, y: number)
putImageData(
imagedata: ImageData,
dx: number,
dy: number,
dirtyX?: number,
dirtyY?: number,
dirtyWidth?: number,
dirtyHeight?: number,
)
quadraticCurveTo(
cpx: number,
cpy: number,
x: number,
y: number,
)
rect(
x: number,
y: number,
width: number,
height: number,
)
rotate(angle: number)
roundRect(
x: number,
y: number,
width: number,
height: number,
)
scale(x: number, y: number)
setLineDash(value: number[])
setTransform(
a: number,
b: number,
c: number,
d: number,
e: number,
f: number,
): void
setTransform(matrix: DOMMatrix): void
stroke(path?: Path2D)
strokeRect(
x: number,
y: number,
width: number,
height: number,
)
strokeText(
text: string,
x: number,
y: number,
maxWidth?: number,
)
transform(
a: number,
b: number,
c: number,
d: number,
e: number,
f: number,
)
translate(x: number, y: number)