CanvasContext
Defined in: canvas/canvas-context.ts:9
Immediate-mode backend: forwards PathContext calls straight to a real CanvasRenderingContext2D. This is the publication/fallback path and behaves exactly like drawing with d3 to a canvas today. fill()/stroke() take a style so callers don’t poke 2D-context properties directly.
Implements
Section titled “Implements”Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”new CanvasContext(
ctx):CanvasContext
Defined in: canvas/canvas-context.ts:10
Parameters
Section titled “Parameters”CanvasRenderingContext2D
Returns
Section titled “Returns”CanvasContext
Methods
Section titled “Methods”arc(
x,y,radius,startAngle,endAngle,counterclockwise?):void
Defined in: canvas/canvas-context.ts:37
Parameters
Section titled “Parameters”number
number
radius
Section titled “radius”number
startAngle
Section titled “startAngle”number
endAngle
Section titled “endAngle”number
counterclockwise?
Section titled “counterclockwise?”boolean = false
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”arcTo()
Section titled “arcTo()”arcTo(
x1,y1,x2,y2,radius):void
Defined in: canvas/canvas-context.ts:47
Parameters
Section titled “Parameters”number
number
number
number
radius
Section titled “radius”number
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”beginPath()
Section titled “beginPath()”beginPath():
void
Defined in: canvas/canvas-context.ts:12
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”bezierCurveTo()
Section titled “bezierCurveTo()”bezierCurveTo(
cp1x,cp1y,cp2x,cp2y,x,y):void
Defined in: canvas/canvas-context.ts:27
Parameters
Section titled “Parameters”number
number
number
number
number
number
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”closePath()
Section titled “closePath()”closePath():
void
Defined in: canvas/canvas-context.ts:53
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”fill()
Section titled “fill()”fill(
style):void
Defined in: canvas/canvas-context.ts:58
Fill the current path with the given style.
Parameters
Section titled “Parameters”string
Returns
Section titled “Returns”void
lineTo()
Section titled “lineTo()”lineTo(
x,y):void
Defined in: canvas/canvas-context.ts:21
Parameters
Section titled “Parameters”number
number
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”moveTo()
Section titled “moveTo()”moveTo(
x,y):void
Defined in: canvas/canvas-context.ts:18
Parameters
Section titled “Parameters”number
number
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”quadraticCurveTo()
Section titled “quadraticCurveTo()”quadraticCurveTo(
cpx,cpy,x,y):void
Defined in: canvas/canvas-context.ts:24
Parameters
Section titled “Parameters”number
number
number
number
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”rect()
Section titled “rect()”rect(
x,y,w,h):void
Defined in: canvas/canvas-context.ts:50
Parameters
Section titled “Parameters”number
number
number
number
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”stroke()
Section titled “stroke()”stroke(
style,width?):void
Defined in: canvas/canvas-context.ts:64
Stroke the current path with the given style and width.
Parameters
Section titled “Parameters”string
width?
Section titled “width?”number = 1
Returns
Section titled “Returns”void
translate()
Section titled “translate()”translate(
dx,dy):void
Defined in: canvas/canvas-context.ts:15
Shift all subsequent path coordinates by (dx, dy), accumulating like
CanvasRenderingContext2D.translate. The canonical d3 idiom for placing an
origin-centred generator (radial trees, chords, …) at an offset: call
translate(cx, cy) once, then run the generator into this context unchanged.
This is the only transform in the seam — no rotate/scale/save/restore. Radial generators bake angle into their coordinates, so a translation is all they need; a richer transform stack would complicate every backend for no current consumer. The offset is part of context state (not reset by beginPath) and, in retained backends, lives only for the single drawable the callback is recording.
Parameters
Section titled “Parameters”number
number
Returns
Section titled “Returns”void