Search
Preparing search index...
The search index is not available
@foxy.io/sdk
Options
All
Public
Public/Protected
All
Inherited
Externals
Menu
@foxy.io/sdk
<internal>
OffscreenCanvasRenderingContext2D
Interface OffscreenCanvasRenderingContext2D
Hierarchy
CanvasCompositing
CanvasDrawImage
CanvasDrawPath
CanvasFillStrokeStyles
CanvasFilters
CanvasImageData
CanvasImageSmoothing
CanvasPath
CanvasPathDrawingStyles
CanvasRect
CanvasShadowStyles
CanvasState
CanvasText
CanvasTextDrawingStyles
CanvasTransform
OffscreenCanvasRenderingContext2D
Index
Properties
canvas
direction
fill
Style
filter
font
global
Alpha
global
Composite
Operation
image
Smoothing
Enabled
image
Smoothing
Quality
line
Cap
line
Dash
Offset
line
Join
line
Width
miter
Limit
shadow
Blur
shadow
Color
shadow
OffsetX
shadow
OffsetY
stroke
Style
text
Align
text
Baseline
Methods
arc
arc
To
begin
Path
bezier
Curve
To
clear
Rect
clip
close
Path
commit
create
Image
Data
create
Linear
Gradient
create
Pattern
create
Radial
Gradient
draw
Image
ellipse
fill
fill
Rect
fill
Text
get
Image
Data
get
Line
Dash
get
Transform
is
Point
In
Path
is
Point
In
Stroke
line
To
measure
Text
move
To
put
Image
Data
quadratic
Curve
To
rect
reset
Transform
restore
rotate
save
scale
set
Line
Dash
set
Transform
stroke
stroke
Rect
stroke
Text
transform
translate
Properties
Readonly
canvas
canvas
:
OffscreenCanvas
direction
direction
:
CanvasDirection
fill
Style
fill
Style
:
string
|
CanvasGradient
|
CanvasPattern
filter
filter
:
string
font
font
:
string
global
Alpha
global
Alpha
:
number
global
Composite
Operation
global
Composite
Operation
:
string
image
Smoothing
Enabled
image
Smoothing
Enabled
:
boolean
image
Smoothing
Quality
image
Smoothing
Quality
:
ImageSmoothingQuality
line
Cap
line
Cap
:
CanvasLineCap
line
Dash
Offset
line
Dash
Offset
:
number
line
Join
line
Join
:
CanvasLineJoin
line
Width
line
Width
:
number
miter
Limit
miter
Limit
:
number
shadow
Blur
shadow
Blur
:
number
shadow
Color
shadow
Color
:
string
shadow
OffsetX
shadow
OffsetX
:
number
shadow
OffsetY
shadow
OffsetY
:
number
stroke
Style
stroke
Style
:
string
|
CanvasGradient
|
CanvasPattern
text
Align
text
Align
:
CanvasTextAlign
text
Baseline
text
Baseline
:
CanvasTextBaseline
Methods
arc
arc
(
x
:
number
, y
:
number
, radius
:
number
, startAngle
:
number
, endAngle
:
number
, anticlockwise
?:
boolean
)
:
void
Parameters
x:
number
y:
number
radius:
number
startAngle:
number
endAngle:
number
Optional
anticlockwise:
boolean
Returns
void
arc
To
arc
To
(
x1
:
number
, y1
:
number
, x2
:
number
, y2
:
number
, radius
:
number
)
:
void
Parameters
x1:
number
y1:
number
x2:
number
y2:
number
radius:
number
Returns
void
begin
Path
begin
Path
(
)
:
void
Returns
void
bezier
Curve
To
bezier
Curve
To
(
cp1x
:
number
, cp1y
:
number
, cp2x
:
number
, cp2y
:
number
, x
:
number
, y
:
number
)
:
void
Parameters
cp1x:
number
cp1y:
number
cp2x:
number
cp2y:
number
x:
number
y:
number
Returns
void
clear
Rect
clear
Rect
(
x
:
number
, y
:
number
, w
:
number
, h
:
number
)
:
void
Parameters
x:
number
y:
number
w:
number
h:
number
Returns
void
clip
clip
(
fillRule
?:
"evenodd"
|
"nonzero"
)
:
void
clip
(
path
:
Path2D
, fillRule
?:
"evenodd"
|
"nonzero"
)
:
void
Parameters
Optional
fillRule:
"evenodd"
|
"nonzero"
Returns
void
Parameters
path:
Path2D
Optional
fillRule:
"evenodd"
|
"nonzero"
Returns
void
close
Path
close
Path
(
)
:
void
Returns
void
commit
commit
(
)
:
void
Returns
void
create
Image
Data
create
Image
Data
(
sw
:
number
, sh
:
number
)
:
ImageData
create
Image
Data
(
imagedata
:
ImageData
)
:
ImageData
Parameters
sw:
number
sh:
number
Returns
ImageData
Parameters
imagedata:
ImageData
Returns
ImageData
create
Linear
Gradient
create
Linear
Gradient
(
x0
:
number
, y0
:
number
, x1
:
number
, y1
:
number
)
:
CanvasGradient
Parameters
x0:
number
y0:
number
x1:
number
y1:
number
Returns
CanvasGradient
create
Pattern
create
Pattern
(
image
:
CanvasImageSource
, repetition
:
null
|
string
)
:
null
|
CanvasPattern
Parameters
image:
CanvasImageSource
repetition:
null
|
string
Returns
null
|
CanvasPattern
create
Radial
Gradient
create
Radial
Gradient
(
x0
:
number
, y0
:
number
, r0
:
number
, x1
:
number
, y1
:
number
, r1
:
number
)
:
CanvasGradient
Parameters
x0:
number
y0:
number
r0:
number
x1:
number
y1:
number
r1:
number
Returns
CanvasGradient
draw
Image
draw
Image
(
image
:
CanvasImageSource
, dx
:
number
, dy
:
number
)
:
void
draw
Image
(
image
:
CanvasImageSource
, dx
:
number
, dy
:
number
, dw
:
number
, dh
:
number
)
:
void
draw
Image
(
image
:
CanvasImageSource
, sx
:
number
, sy
:
number
, sw
:
number
, sh
:
number
, dx
:
number
, dy
:
number
, dw
:
number
, dh
:
number
)
:
void
Parameters
image:
CanvasImageSource
dx:
number
dy:
number
Returns
void
Parameters
image:
CanvasImageSource
dx:
number
dy:
number
dw:
number
dh:
number
Returns
void
Parameters
image:
CanvasImageSource
sx:
number
sy:
number
sw:
number
sh:
number
dx:
number
dy:
number
dw:
number
dh:
number
Returns
void
ellipse
ellipse
(
x
:
number
, y
:
number
, radiusX
:
number
, radiusY
:
number
, rotation
:
number
, startAngle
:
number
, endAngle
:
number
, anticlockwise
?:
boolean
)
:
void
Parameters
x:
number
y:
number
radiusX:
number
radiusY:
number
rotation:
number
startAngle:
number
endAngle:
number
Optional
anticlockwise:
boolean
Returns
void
fill
fill
(
fillRule
?:
"evenodd"
|
"nonzero"
)
:
void
fill
(
path
:
Path2D
, fillRule
?:
"evenodd"
|
"nonzero"
)
:
void
Parameters
Optional
fillRule:
"evenodd"
|
"nonzero"
Returns
void
Parameters
path:
Path2D
Optional
fillRule:
"evenodd"
|
"nonzero"
Returns
void
fill
Rect
fill
Rect
(
x
:
number
, y
:
number
, w
:
number
, h
:
number
)
:
void
Parameters
x:
number
y:
number
w:
number
h:
number
Returns
void
fill
Text
fill
Text
(
text
:
string
, x
:
number
, y
:
number
, maxWidth
?:
number
)
:
void
Parameters
text:
string
x:
number
y:
number
Optional
maxWidth:
number
Returns
void
get
Image
Data
get
Image
Data
(
sx
:
number
, sy
:
number
, sw
:
number
, sh
:
number
)
:
ImageData
Parameters
sx:
number
sy:
number
sw:
number
sh:
number
Returns
ImageData
get
Line
Dash
get
Line
Dash
(
)
:
number
[]
Returns
number
[]
get
Transform
get
Transform
(
)
:
DOMMatrix
Returns
DOMMatrix
is
Point
In
Path
is
Point
In
Path
(
x
:
number
, y
:
number
, fillRule
?:
"evenodd"
|
"nonzero"
)
:
boolean
is
Point
In
Path
(
path
:
Path2D
, x
:
number
, y
:
number
, fillRule
?:
"evenodd"
|
"nonzero"
)
:
boolean
Parameters
x:
number
y:
number
Optional
fillRule:
"evenodd"
|
"nonzero"
Returns
boolean
Parameters
path:
Path2D
x:
number
y:
number
Optional
fillRule:
"evenodd"
|
"nonzero"
Returns
boolean
is
Point
In
Stroke
is
Point
In
Stroke
(
x
:
number
, y
:
number
)
:
boolean
is
Point
In
Stroke
(
path
:
Path2D
, x
:
number
, y
:
number
)
:
boolean
Parameters
x:
number
y:
number
Returns
boolean
Parameters
path:
Path2D
x:
number
y:
number
Returns
boolean
line
To
line
To
(
x
:
number
, y
:
number
)
:
void
Parameters
x:
number
y:
number
Returns
void
measure
Text
measure
Text
(
text
:
string
)
:
TextMetrics
Parameters
text:
string
Returns
TextMetrics
move
To
move
To
(
x
:
number
, y
:
number
)
:
void
Parameters
x:
number
y:
number
Returns
void
put
Image
Data
put
Image
Data
(
imagedata
:
ImageData
, dx
:
number
, dy
:
number
)
:
void
put
Image
Data
(
imagedata
:
ImageData
, dx
:
number
, dy
:
number
, dirtyX
:
number
, dirtyY
:
number
, dirtyWidth
:
number
, dirtyHeight
:
number
)
:
void
Parameters
imagedata:
ImageData
dx:
number
dy:
number
Returns
void
Parameters
imagedata:
ImageData
dx:
number
dy:
number
dirtyX:
number
dirtyY:
number
dirtyWidth:
number
dirtyHeight:
number
Returns
void
quadratic
Curve
To
quadratic
Curve
To
(
cpx
:
number
, cpy
:
number
, x
:
number
, y
:
number
)
:
void
Parameters
cpx:
number
cpy:
number
x:
number
y:
number
Returns
void
rect
rect
(
x
:
number
, y
:
number
, w
:
number
, h
:
number
)
:
void
Parameters
x:
number
y:
number
w:
number
h:
number
Returns
void
reset
Transform
reset
Transform
(
)
:
void
Returns
void
restore
restore
(
)
:
void
Returns
void
rotate
rotate
(
angle
:
number
)
:
void
Parameters
angle:
number
Returns
void
save
save
(
)
:
void
Returns
void
scale
scale
(
x
:
number
, y
:
number
)
:
void
Parameters
x:
number
y:
number
Returns
void
set
Line
Dash
set
Line
Dash
(
segments
:
number
[]
)
:
void
set
Line
Dash
(
segments
:
Iterable
<
number
>
)
:
void
Parameters
segments:
number
[]
Returns
void
Parameters
segments:
Iterable
<
number
>
Returns
void
set
Transform
set
Transform
(
a
:
number
, b
:
number
, c
:
number
, d
:
number
, e
:
number
, f
:
number
)
:
void
set
Transform
(
transform
?:
DOMMatrix2DInit
)
:
void
Parameters
a:
number
b:
number
c:
number
d:
number
e:
number
f:
number
Returns
void
Parameters
Optional
transform:
DOMMatrix2DInit
Returns
void
stroke
stroke
(
)
:
void
stroke
(
path
:
Path2D
)
:
void
Returns
void
Parameters
path:
Path2D
Returns
void
stroke
Rect
stroke
Rect
(
x
:
number
, y
:
number
, w
:
number
, h
:
number
)
:
void
Parameters
x:
number
y:
number
w:
number
h:
number
Returns
void
stroke
Text
stroke
Text
(
text
:
string
, x
:
number
, y
:
number
, maxWidth
?:
number
)
:
void
Parameters
text:
string
x:
number
y:
number
Optional
maxWidth:
number
Returns
void
transform
transform
(
a
:
number
, b
:
number
, c
:
number
, d
:
number
, e
:
number
, f
:
number
)
:
void
Parameters
a:
number
b:
number
c:
number
d:
number
e:
number
f:
number
Returns
void
translate
translate
(
x
:
number
, y
:
number
)
:
void
Parameters
x:
number
y:
number
Returns
void
Modules
<internal>
Cookie
Cookie
Jar
Backend
Core
Customer
Offscreen
Canvas
Rendering
Context2D
canvas
direction
fill
Style
filter
font
global
Alpha
global
Composite
Operation
image
Smoothing
Enabled
image
Smoothing
Quality
line
Cap
line
Dash
Offset
line
Join
line
Width
miter
Limit
shadow
Blur
shadow
Color
shadow
OffsetX
shadow
OffsetY
stroke
Style
text
Align
text
Baseline
arc
arc
To
begin
Path
bezier
Curve
To
clear
Rect
clip
close
Path
commit
create
Image
Data
create
Linear
Gradient
create
Pattern
create
Radial
Gradient
draw
Image
ellipse
fill
fill
Rect
fill
Text
get
Image
Data
get
Line
Dash
get
Transform
is
Point
In
Path
is
Point
In
Stroke
line
To
measure
Text
move
To
put
Image
Data
quadratic
Curve
To
rect
reset
Transform
restore
rotate
save
scale
set
Line
Dash
set
Transform
stroke
stroke
Rect
stroke
Text
transform
translate
Generated using
TypeDoc