Liking cljdoc? Tell your friends :D

web.CanvasRenderingContext2D

The CanvasRenderingContext2D interface, part of the Canvas API, the 2D rendering context for the drawing surface of a web.<canvas> It is used for drawing shapes, text, images, and other objects.

The CanvasRenderingContext2D interface, part of the Canvas API,
the 2D rendering context for the drawing surface of a `web.<canvas>`
It is used for drawing shapes, text, images, and other objects.
raw docstring

add-hit-regioncljs

(add-hit-region this options)

Method.

The web.CanvasRenderingContext2D method addHitRegion() adds hit region to the bitmap.

void ctx.addHitRegion(options);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/addHitRegion

Method.

The `web.CanvasRenderingContext2D` method addHitRegion() adds
hit region to the bitmap.

`void ctx.addHitRegion(options);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/addHitRegion`
sourceraw docstring

arccljs

(arc this & args)

Method.

The CanvasRenderingContext2D.arc() method of the Canvas 2D API a circular arc to the current sub-path.

`void ctx.arc(x, y, radius, startAngle, endAngle [, anticlockwise]);

The arc() method creates a circular arc centered at (x, y) with a radius of radius. The path starts at startAngle and ends at endAngle, and travels in the direction given by anticlockwise (defaulting to clockwise).`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc

Method.

The CanvasRenderingContext2D.arc() method of the Canvas 2D API
a circular arc to the current sub-path.

`void ctx.arc(x, y, radius, startAngle, endAngle [, anticlockwise]);

The arc() method creates a circular arc centered at (x, y) with a radius of radius. The path starts at startAngle and ends at endAngle, and travels in the direction given by anticlockwise (defaulting to clockwise).`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arc`
sourceraw docstring

arc-tocljs

(arc-to this x-1 y-1 x-2 y-2 radius)

Method.

The CanvasRenderingContext2D.arcTo() method of the Canvas 2D adds a circular arc to the current sub-path, using the given points and radius. The arc is automatically connected to the latest point with a straight line, if necessary for the specified

void ctx.arcTo(x1, y1, x2, y2, radius);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arcTo

Method.

The CanvasRenderingContext2D.arcTo() method of the Canvas 2D
adds a circular arc to the current sub-path, using the given
points and radius. The arc is automatically connected to the
latest point with a straight line, if necessary for the specified

`void ctx.arcTo(x1, y1, x2, y2, radius);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/arcTo`
sourceraw docstring

begin-pathcljs

(begin-path this)

Method.

The CanvasRenderingContext2D.beginPath() method of the Canvas API starts a new path by emptying the list of sub-paths. Call method when you want to create a new path.

void ctx.beginPath();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/beginPath

Method.

The CanvasRenderingContext2D.beginPath() method of the Canvas
API starts a new path by emptying the list of sub-paths. Call
method when you want to create a new path.

`void ctx.beginPath();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/beginPath`
sourceraw docstring

bezier-curve-tocljs

(bezier-curve-to this cp-1x cp-1y cp-2x cp-2y x y)

Method.

The CanvasRenderingContext2D.bezierCurveTo() method of the Canvas API adds a cubic Bézier curve to the current sub-path. It requires points: the first two are control points and the third one is end point. The starting point is the latest point in the current which can be changed using web.moveTo() before creating the curve.

void ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/bezierCurveTo

Method.

The CanvasRenderingContext2D.bezierCurveTo() method of the Canvas
API adds a cubic Bézier curve to the current sub-path. It requires
points: the first two are control points and the third one is
end point. The starting point is the latest point in the current
which can be changed using `web.moveTo()` before creating the
curve.

`void ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/bezierCurveTo`
sourceraw docstring

canvascljs

(canvas this)

Property.

The CanvasRenderingContext2D.canvas property, part of the Canvas is a read-only reference to the html.HTMLCanvasElement object is associated with a given context. It might be web.null if is no associated web.<canvas> element.

ctx.canvas;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas

Property.

The CanvasRenderingContext2D.canvas property, part of the Canvas
is a read-only reference to the `html.HTMLCanvasElement` object
is associated with a given context. It might be `web.null` if
is no associated `web.<canvas>` element.

`ctx.canvas;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas`
sourceraw docstring

clear-hit-regionscljs

(clear-hit-regions this)

Method.

The web.CanvasRenderingContext2D method clearHitRegions() removes hit regions from the canvas.

void ctx.clearHitRegions();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearHitRegions

Method.

The `web.CanvasRenderingContext2D` method clearHitRegions() removes
hit regions from the canvas.

`void ctx.clearHitRegions();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearHitRegions`
sourceraw docstring

clear-rectcljs

(clear-rect this & args)

Method.

The CanvasRenderingContext2D.clearRect() method of the Canvas API erases the pixels in a rectangular area by setting them to black.

`void ctx.clearRect(x, y, width, height);

The clearRect() method sets the pixels in a rectangular area to transparent black (rgba(0,0,0,0)). The rectangle's corner is at (x, y), and its size is specified by width and height.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect

Method.

The CanvasRenderingContext2D.clearRect() method of the Canvas
API erases the pixels in a rectangular area by setting them to
black.

`void ctx.clearRect(x, y, width, height);

The clearRect() method sets the pixels in a rectangular area to transparent black (rgba(0,0,0,0)). The rectangle's corner is at (x, y), and its size is specified by width and height.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect`
sourceraw docstring

clipcljs

(clip this & args)

Method.

The CanvasRenderingContext2D.clip() method of the Canvas 2D API the current or given path into the current clipping region. It any previous clipping region.

void ctx.clip([fillRule]); void ctx.clip(path [, fillRule]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip

Method.

The CanvasRenderingContext2D.clip() method of the Canvas 2D API
the current or given path into the current clipping region. It
any previous clipping region.

`void ctx.clip([fillRule]);
void ctx.clip(path [, fillRule]);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clip`
sourceraw docstring

close-pathcljs

(close-path this)

Method.

The CanvasRenderingContext2D.closePath() method of the Canvas API attempts to add a straight line from the current point to start of the current sub-path. If the shape has already been or has only one point, this function does nothing.

void ctx.closePath();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/closePath

Method.

The CanvasRenderingContext2D.closePath() method of the Canvas
API attempts to add a straight line from the current point to
start of the current sub-path. If the shape has already been
or has only one point, this function does nothing.

`void ctx.closePath();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/closePath`
sourceraw docstring

create-image-datacljs

(create-image-data this & args)

Method.

The CanvasRenderingContext2D.createImageData() method of the 2D API creates a new, blank web.ImageData object with the specified All of the pixels in the new object are transparent black.

ImageData ctx.createImageData(width, height); ImageData ctx.createImageData(imagedata);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createImageData

Method.

The CanvasRenderingContext2D.createImageData() method of the
2D API creates a new, blank `web.ImageData` object with the specified
All of the pixels in the new object are transparent black.

`ImageData ctx.createImageData(width, height);
ImageData ctx.createImageData(imagedata);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createImageData`
sourceraw docstring

create-linear-gradientcljs

(create-linear-gradient this & args)

Method.

The CanvasRenderingContext2D.createLinearGradient() method of Canvas 2D API creates a gradient along the line connecting two coordinates.

`CanvasGradient ctx.createLinearGradient(x0, y0, x1, y1);

The createLinearGradient() method is specified by four parameters defining the start and end points of the gradient line.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient

Method.

The CanvasRenderingContext2D.createLinearGradient() method of
Canvas 2D API creates a gradient along the line connecting two
coordinates.

`CanvasGradient ctx.createLinearGradient(x0, y0, x1, y1);

The createLinearGradient() method is specified by four parameters defining the start and end points of the gradient line.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient`
sourceraw docstring

create-patterncljs

(create-pattern this image repetition)

Method.

The CanvasRenderingContext2D.createPattern() method of the Canvas API creates a pattern using the specified image and repetition. method returns a web.CanvasPattern.

CanvasPattern ctx.createPattern(image, repetition);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createPattern

Method.

The CanvasRenderingContext2D.createPattern() method of the Canvas
API creates a pattern using the specified image and repetition.
method returns a `web.CanvasPattern`.

`CanvasPattern ctx.createPattern(image, repetition);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createPattern`
sourceraw docstring

create-radial-gradientcljs

(create-radial-gradient this & args)

Method.

The CanvasRenderingContext2D.createRadialGradient() method of Canvas 2D API creates a radial gradient using the size and coordinates two circles.

`CanvasGradient ctx.createRadialGradient(x0, y0, r0, x1, y1, r1);

The createRadialGradient() method is specified by six parameters, three defining the gradient's start circle, and three defining the end circle.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient

Method.

The CanvasRenderingContext2D.createRadialGradient() method of
Canvas 2D API creates a radial gradient using the size and coordinates
two circles.

`CanvasGradient ctx.createRadialGradient(x0, y0, r0, x1, y1, r1);

The createRadialGradient() method is specified by six parameters, three defining the gradient's start circle, and three defining the end circle.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient`
sourceraw docstring

current-transformcljs

(current-transform this)

Property.

The CanvasRenderingContext2D.currentTransform property of the 2D API returns or sets a dom.DOMMatrix (current specification) svg.SVGMatrix (old specification) object for the current transformation

`ctx.currentTransform [= value];

value A dom.DOMMatrix or svg.SVGMatrix object to use as the current transformation matrix.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/currentTransform

Property.

The CanvasRenderingContext2D.currentTransform property of the
2D API returns or sets a `dom.DOMMatrix` (current specification)
`svg.SVGMatrix` (old specification) object for the current transformation

`ctx.currentTransform [= value];


value
A `dom.DOMMatrix` or `svg.SVGMatrix`   object to use as the current transformation matrix.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/currentTransform`
sourceraw docstring

directioncljs

(direction this)

Property.

The CanvasRenderingContext2D.direction property of the Canvas API specifies the current text direction used to draw text.

ctx.direction = \"ltr\" || \"rtl\" || \"inherit\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/direction

Property.

The CanvasRenderingContext2D.direction property of the Canvas
API specifies the current text direction used to draw text.

`ctx.direction = \"ltr\" || \"rtl\" || \"inherit\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/direction`
sourceraw docstring

draw-focus-if-neededcljs

(draw-focus-if-needed this & args)

Method.

The CanvasRenderingContext2D.drawFocusIfNeeded() method of the 2D API draws a focus ring around the current or given path, if specified element is focused.

void ctx.drawFocusIfNeeded(element); void ctx.drawFocusIfNeeded(path, element);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded

Method.

The CanvasRenderingContext2D.drawFocusIfNeeded() method of the
2D API draws a focus ring around the current or given path, if
specified element is focused.

`void ctx.drawFocusIfNeeded(element);
void ctx.drawFocusIfNeeded(path, element);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawFocusIfNeeded`
sourceraw docstring

draw-imagecljs

(draw-image this & args)

Method.

The CanvasRenderingContext2D.drawImage() method of the Canvas API provides different ways to draw an image onto the canvas.

void ctx.drawImage(image, dx, dy); void ctx.drawImage(image, dx, dy, dWidth, dHeight); void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

Method.

The CanvasRenderingContext2D.drawImage() method of the Canvas
API provides different ways to draw an image onto the canvas.

`void ctx.drawImage(image, dx, dy);
void ctx.drawImage(image, dx, dy, dWidth, dHeight);
void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage`
sourceraw docstring

draw-widget-as-on-screencljs

(draw-widget-as-on-screen this window)

Method.

The non-standard and internal only CanvasRenderingContext2D.drawWidgetAsOnScreen() of the Canvas 2D API renders the root widget of a window into canvas. Unlike web.drawWindow(), this API uses the operating to snapshot the widget on-screen, rather than reading from Gecko's compositor.

void ctx.drawWidgetAsOnScreen(window);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawWidgetAsOnScreen

Method.

The non-standard and internal only CanvasRenderingContext2D.drawWidgetAsOnScreen()
of the Canvas 2D API renders the root widget of a window into
canvas. Unlike `web.drawWindow()`, this API uses the operating
to snapshot the widget on-screen, rather than reading from Gecko's
compositor.

`void ctx.drawWidgetAsOnScreen(window);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawWidgetAsOnScreen`
sourceraw docstring

draw-windowcljs

(draw-window this & args)

Method.

The non-standard and internal only CanvasRenderingContext2D.drawWindow() of the Canvas 2D API renders a region of a window into the canvas. contents of the window's viewport are rendered, ignoring viewport and scrolling.

void ctx.drawWindow(window, x, y, w, h, bgColor [, flags]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawWindow

Method.

The non-standard and internal only CanvasRenderingContext2D.drawWindow()
of the Canvas 2D API renders a region of a window into the canvas.
contents of the window's viewport are rendered, ignoring viewport
and scrolling.

`void ctx.drawWindow(window, x, y, w, h, bgColor [, flags]);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawWindow`
sourceraw docstring

ellipsecljs

(ellipse this & args)

Method.

The CanvasRenderingContext2D.ellipse() method of the Canvas 2D adds an elliptical arc to the current sub-path.

`void ctx.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, anticlockwise]);

The ellipse() method creates an elliptical arc centered at (x, y) with the radii radiusX and radiusY. The path starts at startAngle and ends at endAngle, and travels in the direction given by anticlockwise (defaulting to clockwise).`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/ellipse

Method.

The CanvasRenderingContext2D.ellipse() method of the Canvas 2D
adds an elliptical arc to the current sub-path.

`void ctx.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, anticlockwise]);

The ellipse() method creates an elliptical arc centered at (x, y) with the radii radiusX and radiusY. The path starts at startAngle and ends at endAngle, and travels in the direction given by anticlockwise (defaulting to clockwise).`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/ellipse`
sourceraw docstring

fillcljs

(fill this & args)

Method.

The CanvasRenderingContext2D.fill() method of the Canvas 2D API the current or given path with the current web.fillStyle.

void ctx.fill([fillRule]); void ctx.fill(path [, fillRule]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fill

Method.

The CanvasRenderingContext2D.fill() method of the Canvas 2D API
the current or given path with the current `web.fillStyle`.

`void ctx.fill([fillRule]);
void ctx.fill(path [, fillRule]);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fill`
sourceraw docstring

fill-rectcljs

(fill-rect this & args)

Method.

The CanvasRenderingContext2D.fillRect() method of the Canvas API draws a rectangle that is filled according to the current

`void ctx.fillRect(x, y, width, height);

The fillRect() method draws a filled rectangle whose starting point is at (x, y) and whose size is specified by width and height. The fill style is determined by the current fillStyle attribute.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect

Method.

The CanvasRenderingContext2D.fillRect() method of the Canvas
API draws a rectangle that is filled according to the current

`void ctx.fillRect(x, y, width, height);

The fillRect() method draws a filled rectangle whose starting point is at (x, y) and whose size is specified by width and height. The fill style is determined by the current fillStyle attribute.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect`
sourceraw docstring

fill-stylecljs

(fill-style this)

Property.

The CanvasRenderingContext2D.fillStyle property of the Canvas API specifies the color, gradient, or pattern to use inside shapes. default style is #000 (black).

ctx.fillStyle = color; ctx.fillStyle = gradient; ctx.fillStyle = pattern;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle

Property.

The CanvasRenderingContext2D.fillStyle property of the Canvas
API specifies the color, gradient, or pattern to use inside shapes.
default style is #000 (black).

`ctx.fillStyle = color;
ctx.fillStyle = gradient;
ctx.fillStyle = pattern;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle`
sourceraw docstring

fill-textcljs

(fill-text this & args)

Method.

The web.CanvasRenderingContext2D method fillText(), part of Canvas 2D API, draws a text string at the specified coordinates, the string's characters with the current web.fillStyle. An parameter allows specifying a maximum width for the rendered which the user agent will achieve by condensing the text or by a lower font size.

CanvasRenderingContext2D.fillText(text, x, y [, maxWidth]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillText

Method.

The `web.CanvasRenderingContext2D` method fillText(), part of
Canvas 2D API, draws a text string at the specified coordinates,
the string's characters with the current `web.fillStyle`. An
parameter allows specifying a maximum width for the rendered
which the user agent will achieve by condensing the text or by
a lower font size.

`CanvasRenderingContext2D.fillText(text, x, y [, maxWidth]);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillText`
sourceraw docstring

filtercljs

(filter this)

Property.

The CanvasRenderingContext2D.filter property of the Canvas 2D provides filter effects such as blurring and grayscaling. It similar to the CSS web.filter property and accepts the same

ctx.filter = \"<filter-function1> [<filter-function2>] [<filter-functionN>]\"; ctx.filter = \"none\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

Property.

The CanvasRenderingContext2D.filter property of the Canvas 2D
provides filter effects such as blurring and grayscaling. It
similar to the CSS `web.filter` property and accepts the same

`ctx.filter = \"<filter-function1> [<filter-function2>] [<filter-functionN>]\";
ctx.filter = \"none\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter`
sourceraw docstring

fontcljs

(font this)

Property.

The CanvasRenderingContext2D.font property of the Canvas 2D API the current text style to use when drawing text. This string the same syntax as the CSS font specifier.

ctx.font = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font

Property.

The CanvasRenderingContext2D.font property of the Canvas 2D API
the current text style to use when drawing text. This string
the same syntax as the CSS font specifier.

`ctx.font = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font`
sourceraw docstring

get-image-datacljs

(get-image-data this sx sy sw sh)

Method.

The web.CanvasRenderingContext2D method getImageData() of the 2D API returns an web.ImageData object representing the underlying data for a specified portion of the canvas.

ctx.getImageData(sx, sy, sw, sh);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData

Method.

The `web.CanvasRenderingContext2D` method getImageData() of the
2D API returns an `web.ImageData` object representing the underlying
data for a specified portion of the canvas.

`ctx.getImageData(sx, sy, sw, sh);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData`
sourceraw docstring

get-line-dashcljs

(get-line-dash this)

Method.

The getLineDash() method of the Canvas 2D API's web.CanvasRenderingContext2D gets the current line dash pattern.

ctx.getLineDash();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getLineDash

Method.

The getLineDash() method of the Canvas 2D API's `web.CanvasRenderingContext2D`
gets the current line dash pattern.

`ctx.getLineDash();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getLineDash`
sourceraw docstring

global-alphacljs

(global-alpha this)

Property.

The CanvasRenderingContext2D.globalAlpha property of the Canvas API specifies the alpha (transparency) value that is applied shapes and images before they are drawn onto the canvas.

ctx.globalAlpha = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha

Property.

The CanvasRenderingContext2D.globalAlpha property of the Canvas
API specifies the alpha (transparency) value that is applied
shapes and images before they are drawn onto the canvas.

`ctx.globalAlpha = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha`
sourceraw docstring

global-composite-operationcljs

(global-composite-operation this)

Property.

The CanvasRenderingContext2D.globalCompositeOperation property the Canvas 2D API sets the type of compositing operation to apply drawing new shapes.

`ctx.globalCompositeOperation = type;

type is a web.String identifying which of the compositing or blending mode operations to use.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

Property.

The CanvasRenderingContext2D.globalCompositeOperation property
the Canvas 2D API sets the type of compositing operation to apply
drawing new shapes.

`ctx.globalCompositeOperation = type;

type is a `web.String` identifying which of the compositing or blending mode operations to use.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation`
sourceraw docstring

image-smoothing-enabledcljs

(image-smoothing-enabled this)

Property.

The imageSmoothingEnabled property of the web.CanvasRenderingContext2D part of the Canvas API, determines whether scaled images are (true, default) or not (false). On getting the imageSmoothingEnabled the last value it was set to is returned.

ctx.imageSmoothingEnabled = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled

Property.

The imageSmoothingEnabled property of the `web.CanvasRenderingContext2D`
part of the Canvas API, determines whether scaled images are
(true, default) or not (false). On getting the imageSmoothingEnabled
the last value it was set to is returned.

`ctx.imageSmoothingEnabled = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled`
sourceraw docstring

image-smoothing-qualitycljs

(image-smoothing-quality this)

Property.

The imageSmoothingQuality property of the web.CanvasRenderingContext2D part of the Canvas API, lets you set the quality of image smoothing.

ctx.imageSmoothingQuality = \"low\" || \"medium\" || \"high\"

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality

Property.

The imageSmoothingQuality property of the `web.CanvasRenderingContext2D`
part of the Canvas API, lets you set the quality of image smoothing.

`ctx.imageSmoothingQuality = \"low\" || \"medium\" || \"high\"`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality`
sourceraw docstring

is-point-in-pathcljs

(is-point-in-path this & args)

Method.

The CanvasRenderingContext2D.isPointInPath() method of the Canvas API reports whether or not the specified point is contained in current path.

ctx.isPointInPath(x, y [, fillRule]); ctx.isPointInPath(path, x, y [, fillRule]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInPath

Method.

The CanvasRenderingContext2D.isPointInPath() method of the Canvas
API reports whether or not the specified point is contained in
current path.

`ctx.isPointInPath(x, y [, fillRule]);
ctx.isPointInPath(path, x, y [, fillRule]);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInPath`
sourceraw docstring

is-point-in-strokecljs

(is-point-in-stroke this & args)

Method.

The CanvasRenderingContext2D.isPointInStroke() method of the 2D API reports whether or not the specified point is inside the contained by the stroking of a path.

ctx.isPointInStroke(x, y); ctx.isPointInStroke(path, x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInStroke

Method.

The CanvasRenderingContext2D.isPointInStroke() method of the
2D API reports whether or not the specified point is inside the
contained by the stroking of a path.

`ctx.isPointInStroke(x, y);
ctx.isPointInStroke(path, x, y);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/isPointInStroke`
sourceraw docstring

line-capcljs

(line-cap this)

Property.

The CanvasRenderingContext2D.lineCap property of the Canvas 2D determines the shape used to draw the end points of lines.

ctx.lineCap = \"butt\" || \"round\" || \"square\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap

Property.

The CanvasRenderingContext2D.lineCap property of the Canvas 2D
determines the shape used to draw the end points of lines.

`ctx.lineCap = \"butt\" || \"round\" || \"square\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap`
sourceraw docstring

line-dash-offsetcljs

(line-dash-offset this)

Property.

The CanvasRenderingContext2D.lineDashOffset property of the Canvas API sets the line dash offset, or "phase."

`ctx.lineDashOffset = value;

value A float specifying the amount of the line dash offset. The default value is 0.0.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset

Property.

The CanvasRenderingContext2D.lineDashOffset property of the Canvas
API sets the line dash offset, or \"phase.\"

`ctx.lineDashOffset = value;


value
A float specifying the amount of the line dash offset. The default value is 0.0.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset`
sourceraw docstring

line-joincljs

(line-join this)

Property.

The CanvasRenderingContext2D.lineJoin property of the Canvas API determines the shape used to join two line segments where meet.

ctx.lineJoin = \"bevel\" || \"round\" || \"miter\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin

Property.

The CanvasRenderingContext2D.lineJoin property of the Canvas
API determines the shape used to join two line segments where
meet.

`ctx.lineJoin = \"bevel\" || \"round\" || \"miter\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin`
sourceraw docstring

line-tocljs

(line-to this x y)

Method.

The web.CanvasRenderingContext2D method lineTo(), part of the 2D API, adds a straight line to the current sub-path by connecting sub-path's last point to the specified (x, y) coordinates.

ctx.lineTo(x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineTo

Method.

The `web.CanvasRenderingContext2D` method lineTo(), part of the
2D API, adds a straight line to the current sub-path by connecting
sub-path's last point to the specified (x, y) coordinates.

`ctx.lineTo(x, y);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineTo`
sourceraw docstring

line-widthcljs

(line-width this)

Property.

The CanvasRenderingContext2D.lineWidth property of the Canvas API sets the thickness of lines.

ctx.lineWidth = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth

Property.

The CanvasRenderingContext2D.lineWidth property of the Canvas
API sets the thickness of lines.

`ctx.lineWidth = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth`
sourceraw docstring

measure-textcljs

(measure-text this text)

Method.

The CanvasRenderingContext2D.measureText() method returns a web.TextMetrics that contains information about the measured text (such as its for example).

ctx.measureText(text);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/measureText

Method.

The CanvasRenderingContext2D.measureText() method returns a `web.TextMetrics`
that contains information about the measured text (such as its
for example).

`ctx.measureText(text);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/measureText`
sourceraw docstring

miter-limitcljs

(miter-limit this)

Property.

The CanvasRenderingContext2D.miterLimit property of the Canvas API sets the miter limit ratio.

ctx.miterLimit = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit

Property.

The CanvasRenderingContext2D.miterLimit property of the Canvas
API sets the miter limit ratio.

`ctx.miterLimit = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit`
sourceraw docstring

move-tocljs

(move-to this x y)

Method.

The CanvasRenderingContext2D.moveTo() method of the Canvas 2D begins a new sub-path at the point specified by the given (x, coordinates.

void ctx.moveTo(x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/moveTo

Method.

The CanvasRenderingContext2D.moveTo() method of the Canvas 2D
begins a new sub-path at the point specified by the given (x,
coordinates.

`void ctx.moveTo(x, y);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/moveTo`
sourceraw docstring

put-image-datacljs

(put-image-data this & args)

Method.

The CanvasRenderingContext2D.putImageData() method of the Canvas API paints data from the given web.ImageData object onto the If a dirty rectangle is provided, only the pixels from that rectangle painted. This method is not affected by the canvas transformation

void ctx.putImageData(imageData, dx, dy); void ctx.putImageData(imageData, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/putImageData

Method.

The CanvasRenderingContext2D.putImageData() method of the Canvas
API paints data from the given `web.ImageData` object onto the
If a dirty rectangle is provided, only the pixels from that rectangle
painted. This method is not affected by the canvas transformation

`void ctx.putImageData(imageData, dx, dy);
void ctx.putImageData(imageData, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/putImageData`
sourceraw docstring

quadratic-curve-tocljs

(quadratic-curve-to this cpx cpy x y)

Method.

The CanvasRenderingContext2D.quadraticCurveTo() method of the 2D API adds a quadratic Bézier curve to the current sub-path. requires two points: the first one is a control point and the one is the end point. The starting point is the latest point the current path, which can be changed using web.moveTo() before the quadratic Bézier curve.

void ctx.quadraticCurveTo(cpx, cpy, x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/quadraticCurveTo

Method.

The CanvasRenderingContext2D.quadraticCurveTo() method of the
2D API adds a quadratic Bézier curve to the current sub-path.
requires two points: the first one is a control point and the
one is the end point. The starting point is the latest point
the current path, which can be changed using `web.moveTo()` before
the quadratic Bézier curve.

`void ctx.quadraticCurveTo(cpx, cpy, x, y);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/quadraticCurveTo`
sourceraw docstring

rectcljs

(rect this & args)

Method.

The CanvasRenderingContext2D.rect() method of the Canvas 2D API a rectangle to the current path.

`void ctx.rect(x, y, width, height);

The rect() method creates a rectangular path whose starting point is at (x, y) and whose size is specified by width and height.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rect

Method.

The CanvasRenderingContext2D.rect() method of the Canvas 2D API
a rectangle to the current path.

`void ctx.rect(x, y, width, height);

The rect() method creates a rectangular path whose starting point is at (x, y) and whose size is specified by width and height.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rect`
sourceraw docstring

remove-hit-regioncljs

(remove-hit-region this id)

Method.

The web.CanvasRenderingContext2D method removeHitRegion() removes given hit region from the canvas.

void ctx.removeHitRegion(id);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/removeHitRegion

Method.

The `web.CanvasRenderingContext2D` method removeHitRegion() removes
given hit region from the canvas.

`void ctx.removeHitRegion(id);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/removeHitRegion`
sourceraw docstring

reset-transformcljs

(reset-transform this)

Method.

The CanvasRenderingContext2D.resetTransform() method of the Canvas API resets the current transform to the identity matrix.

void ctx.resetTransform();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform

Method.

The CanvasRenderingContext2D.resetTransform() method of the Canvas
API resets the current transform to the identity matrix.

`void ctx.resetTransform();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/resetTransform`
sourceraw docstring

restorecljs

(restore this)

Method.

The CanvasRenderingContext2D.restore() method of the Canvas 2D restores the most recently saved canvas state by popping the entry in the drawing state stack. If there is no saved state, method does nothing.

void ctx.restore();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore

Method.

The CanvasRenderingContext2D.restore() method of the Canvas 2D
restores the most recently saved canvas state by popping the
entry in the drawing state stack. If there is no saved state,
method does nothing.

`void ctx.restore();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore`
sourceraw docstring

rotatecljs

(rotate this angle)

Method.

The CanvasRenderingContext2D.rotate() method of the Canvas 2D adds a rotation to the transformation matrix.

void ctx.rotate(angle);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate

Method.

The CanvasRenderingContext2D.rotate() method of the Canvas 2D
adds a rotation to the transformation matrix.

`void ctx.rotate(angle);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate`
sourceraw docstring

savecljs

(save this)

Method.

The CanvasRenderingContext2D.save() method of the Canvas 2D API the entire state of the canvas by pushing the current state onto stack.

void ctx.save();

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save

Method.

The CanvasRenderingContext2D.save() method of the Canvas 2D API
the entire state of the canvas by pushing the current state onto
stack.

`void ctx.save();`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save`
sourceraw docstring

scalecljs

(scale this x y)

Method.

The CanvasRenderingContext2D.scale() method of the Canvas 2D adds a scaling transformation to the canvas units horizontally vertically.

void ctx.scale(x, y);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale

Method.

The CanvasRenderingContext2D.scale() method of the Canvas 2D
adds a scaling transformation to the canvas units horizontally
vertically.

`void ctx.scale(x, y);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale`
sourceraw docstring

scroll-path-into-viewcljs

(scroll-path-into-view this & args)

Method.

The CanvasRenderingContext2D.scrollPathIntoView() method of the 2D API scrolls the current or given path into view. It is similar web.Element.scrollIntoView().

void ctx.scrollPathIntoView(); void ctx.scrollPathIntoView(path);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scrollPathIntoView

Method.

The CanvasRenderingContext2D.scrollPathIntoView() method of the
2D API scrolls the current or given path into view. It is similar
`web.Element.scrollIntoView()`.

`void ctx.scrollPathIntoView();
void ctx.scrollPathIntoView(path);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scrollPathIntoView`
sourceraw docstring

set-canvas!cljs

(set-canvas! this val)

Property.

The CanvasRenderingContext2D.canvas property, part of the Canvas is a read-only reference to the html.HTMLCanvasElement object is associated with a given context. It might be web.null if is no associated web.<canvas> element.

ctx.canvas;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas

Property.

The CanvasRenderingContext2D.canvas property, part of the Canvas
is a read-only reference to the `html.HTMLCanvasElement` object
is associated with a given context. It might be `web.null` if
is no associated `web.<canvas>` element.

`ctx.canvas;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/canvas`
sourceraw docstring

set-current-transform!cljs

(set-current-transform! this val)

Property.

The CanvasRenderingContext2D.currentTransform property of the 2D API returns or sets a dom.DOMMatrix (current specification) svg.SVGMatrix (old specification) object for the current transformation

`ctx.currentTransform [= value];

value A dom.DOMMatrix or svg.SVGMatrix object to use as the current transformation matrix.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/currentTransform

Property.

The CanvasRenderingContext2D.currentTransform property of the
2D API returns or sets a `dom.DOMMatrix` (current specification)
`svg.SVGMatrix` (old specification) object for the current transformation

`ctx.currentTransform [= value];


value
A `dom.DOMMatrix` or `svg.SVGMatrix`   object to use as the current transformation matrix.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/currentTransform`
sourceraw docstring

set-direction!cljs

(set-direction! this val)

Property.

The CanvasRenderingContext2D.direction property of the Canvas API specifies the current text direction used to draw text.

ctx.direction = \"ltr\" || \"rtl\" || \"inherit\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/direction

Property.

The CanvasRenderingContext2D.direction property of the Canvas
API specifies the current text direction used to draw text.

`ctx.direction = \"ltr\" || \"rtl\" || \"inherit\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/direction`
sourceraw docstring

set-fill-style!cljs

(set-fill-style! this val)

Property.

The CanvasRenderingContext2D.fillStyle property of the Canvas API specifies the color, gradient, or pattern to use inside shapes. default style is #000 (black).

ctx.fillStyle = color; ctx.fillStyle = gradient; ctx.fillStyle = pattern;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle

Property.

The CanvasRenderingContext2D.fillStyle property of the Canvas
API specifies the color, gradient, or pattern to use inside shapes.
default style is #000 (black).

`ctx.fillStyle = color;
ctx.fillStyle = gradient;
ctx.fillStyle = pattern;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle`
sourceraw docstring

set-filter!cljs

(set-filter! this val)

Property.

The CanvasRenderingContext2D.filter property of the Canvas 2D provides filter effects such as blurring and grayscaling. It similar to the CSS web.filter property and accepts the same

ctx.filter = \"<filter-function1> [<filter-function2>] [<filter-functionN>]\"; ctx.filter = \"none\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

Property.

The CanvasRenderingContext2D.filter property of the Canvas 2D
provides filter effects such as blurring and grayscaling. It
similar to the CSS `web.filter` property and accepts the same

`ctx.filter = \"<filter-function1> [<filter-function2>] [<filter-functionN>]\";
ctx.filter = \"none\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter`
sourceraw docstring

set-font!cljs

(set-font! this val)

Property.

The CanvasRenderingContext2D.font property of the Canvas 2D API the current text style to use when drawing text. This string the same syntax as the CSS font specifier.

ctx.font = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font

Property.

The CanvasRenderingContext2D.font property of the Canvas 2D API
the current text style to use when drawing text. This string
the same syntax as the CSS font specifier.

`ctx.font = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font`
sourceraw docstring

set-global-alpha!cljs

(set-global-alpha! this val)

Property.

The CanvasRenderingContext2D.globalAlpha property of the Canvas API specifies the alpha (transparency) value that is applied shapes and images before they are drawn onto the canvas.

ctx.globalAlpha = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha

Property.

The CanvasRenderingContext2D.globalAlpha property of the Canvas
API specifies the alpha (transparency) value that is applied
shapes and images before they are drawn onto the canvas.

`ctx.globalAlpha = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalAlpha`
sourceraw docstring

set-global-composite-operation!cljs

(set-global-composite-operation! this val)

Property.

The CanvasRenderingContext2D.globalCompositeOperation property the Canvas 2D API sets the type of compositing operation to apply drawing new shapes.

`ctx.globalCompositeOperation = type;

type is a web.String identifying which of the compositing or blending mode operations to use.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

Property.

The CanvasRenderingContext2D.globalCompositeOperation property
the Canvas 2D API sets the type of compositing operation to apply
drawing new shapes.

`ctx.globalCompositeOperation = type;

type is a `web.String` identifying which of the compositing or blending mode operations to use.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation`
sourceraw docstring

set-image-smoothing-enabled!cljs

(set-image-smoothing-enabled! this val)

Property.

The imageSmoothingEnabled property of the web.CanvasRenderingContext2D part of the Canvas API, determines whether scaled images are (true, default) or not (false). On getting the imageSmoothingEnabled the last value it was set to is returned.

ctx.imageSmoothingEnabled = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled

Property.

The imageSmoothingEnabled property of the `web.CanvasRenderingContext2D`
part of the Canvas API, determines whether scaled images are
(true, default) or not (false). On getting the imageSmoothingEnabled
the last value it was set to is returned.

`ctx.imageSmoothingEnabled = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled`
sourceraw docstring

set-image-smoothing-quality!cljs

(set-image-smoothing-quality! this val)

Property.

The imageSmoothingQuality property of the web.CanvasRenderingContext2D part of the Canvas API, lets you set the quality of image smoothing.

ctx.imageSmoothingQuality = \"low\" || \"medium\" || \"high\"

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality

Property.

The imageSmoothingQuality property of the `web.CanvasRenderingContext2D`
part of the Canvas API, lets you set the quality of image smoothing.

`ctx.imageSmoothingQuality = \"low\" || \"medium\" || \"high\"`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality`
sourceraw docstring

set-line-cap!cljs

(set-line-cap! this val)

Property.

The CanvasRenderingContext2D.lineCap property of the Canvas 2D determines the shape used to draw the end points of lines.

ctx.lineCap = \"butt\" || \"round\" || \"square\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap

Property.

The CanvasRenderingContext2D.lineCap property of the Canvas 2D
determines the shape used to draw the end points of lines.

`ctx.lineCap = \"butt\" || \"round\" || \"square\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineCap`
sourceraw docstring

set-line-dashcljs

(set-line-dash this segments)

Method.

The setLineDash() method of the Canvas 2D API's web.CanvasRenderingContext2D sets the line dash pattern used when stroking lines. It uses array of values that specify alternating lengths of lines and which describe the pattern.

ctx.setLineDash(segments);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash

Method.

The setLineDash() method of the Canvas 2D API's `web.CanvasRenderingContext2D`
sets the line dash pattern used when stroking lines. It uses
array of values that specify alternating lengths of lines and
which describe the pattern.

`ctx.setLineDash(segments);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash`
sourceraw docstring

set-line-dash-offset!cljs

(set-line-dash-offset! this val)

Property.

The CanvasRenderingContext2D.lineDashOffset property of the Canvas API sets the line dash offset, or "phase."

`ctx.lineDashOffset = value;

value A float specifying the amount of the line dash offset. The default value is 0.0.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset

Property.

The CanvasRenderingContext2D.lineDashOffset property of the Canvas
API sets the line dash offset, or \"phase.\"

`ctx.lineDashOffset = value;


value
A float specifying the amount of the line dash offset. The default value is 0.0.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineDashOffset`
sourceraw docstring

set-line-join!cljs

(set-line-join! this val)

Property.

The CanvasRenderingContext2D.lineJoin property of the Canvas API determines the shape used to join two line segments where meet.

ctx.lineJoin = \"bevel\" || \"round\" || \"miter\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin

Property.

The CanvasRenderingContext2D.lineJoin property of the Canvas
API determines the shape used to join two line segments where
meet.

`ctx.lineJoin = \"bevel\" || \"round\" || \"miter\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin`
sourceraw docstring

set-line-width!cljs

(set-line-width! this val)

Property.

The CanvasRenderingContext2D.lineWidth property of the Canvas API sets the thickness of lines.

ctx.lineWidth = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth

Property.

The CanvasRenderingContext2D.lineWidth property of the Canvas
API sets the thickness of lines.

`ctx.lineWidth = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineWidth`
sourceraw docstring

set-miter-limit!cljs

(set-miter-limit! this val)

Property.

The CanvasRenderingContext2D.miterLimit property of the Canvas API sets the miter limit ratio.

ctx.miterLimit = value;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit

Property.

The CanvasRenderingContext2D.miterLimit property of the Canvas
API sets the miter limit ratio.

`ctx.miterLimit = value;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/miterLimit`
sourceraw docstring

set-shadow-blur!cljs

(set-shadow-blur! this val)

Property.

The CanvasRenderingContext2D.shadowBlur property of the Canvas API specifies the amount of blur applied to shadows. The default 0 (no blur).

`ctx.shadowBlur = level;

level A non-negative float specifying the level of shadow blur, where 0 represents no blur and larger numbers represent increasingly more blur. This value doesn't correspond to a number of pixels, and is not affected by the current transformation matrix. The default value is 0. Negative, web.Infinity, and web.NaN values are ignored.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur

Property.

The CanvasRenderingContext2D.shadowBlur property of the Canvas
API specifies the amount of blur applied to shadows. The default
0 (no blur).

`ctx.shadowBlur = level;


level
A non-negative float specifying the level of shadow blur, where 0 represents no blur and larger numbers represent increasingly more blur. This value doesn't correspond to a number of pixels, and is not affected by the current transformation matrix. The default value is 0. Negative, `web.Infinity`, and `web.NaN` values are ignored.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur`
sourceraw docstring

set-shadow-color!cljs

(set-shadow-color! this val)

Property.

The CanvasRenderingContext2D.shadowColor property of the Canvas API specifies the color of shadows.

`ctx.shadowColor = color;

color A dom.DOMString parsed as a CSS web.<color> value. The default value is fully-transparent black.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor

Property.

The CanvasRenderingContext2D.shadowColor property of the Canvas
API specifies the color of shadows.

`ctx.shadowColor = color;


color
A `dom.DOMString` parsed as a CSS `web.<color>` value. The default value is fully-transparent black.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor`
sourceraw docstring

set-shadow-offset-x!cljs

(set-shadow-offset-x! this val)

Property.

The CanvasRenderingContext2D.shadowOffsetX property of the Canvas API specifies the distance that shadows will be offset horizontally.

`ctx.shadowOffsetX = offset;

offset A float specifying the distance that shadows will be offset horizontally. Positive values are to the right, and negative to the left. The default value is 0 (no horizontal offset). web.Infinity and web.NaN values are ignored.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX

Property.

The CanvasRenderingContext2D.shadowOffsetX property of the Canvas
API specifies the distance that shadows will be offset horizontally.

`ctx.shadowOffsetX = offset;


offset
A float specifying the distance that shadows will be offset horizontally. Positive values are to the right, and negative to the left. The default value is 0 (no horizontal offset). `web.Infinity` and `web.NaN` values are ignored.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX`
sourceraw docstring

set-shadow-offset-y!cljs

(set-shadow-offset-y! this val)

Property.

The CanvasRenderingContext2D.shadowOffsetY property of the Canvas API specifies the distance that shadows will be offset vertically.

`ctx.shadowOffsetY = offset;

offset A float specifying the distance that shadows will be offset vertically. Positive values are down, and negative are up. The default value is 0 (no vertical offset). web.Infinity and web.NaN values are ignored.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY

Property.

The CanvasRenderingContext2D.shadowOffsetY property of the Canvas
API specifies the distance that shadows will be offset vertically.

`ctx.shadowOffsetY = offset;


offset
A float specifying the distance that shadows will be offset vertically. Positive values are down, and negative are up. The default value is 0 (no vertical offset). `web.Infinity` and `web.NaN` values are ignored.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY`
sourceraw docstring

set-stroke-style!cljs

(set-stroke-style! this val)

Property.

The CanvasRenderingContext2D.strokeStyle property of the Canvas API specifies the color, gradient, or pattern to use for the (outlines) around shapes. The default is #000 (black).

ctx.strokeStyle = color; ctx.strokeStyle = gradient; ctx.strokeStyle = pattern;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle

Property.

The CanvasRenderingContext2D.strokeStyle property of the Canvas
API specifies the color, gradient, or pattern to use for the
(outlines) around shapes. The default is #000 (black).

`ctx.strokeStyle = color;
ctx.strokeStyle = gradient;
ctx.strokeStyle = pattern;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle`
sourceraw docstring

set-text-align!cljs

(set-text-align! this val)

Property.

The CanvasRenderingContext2D.textAlign property of the Canvas API specifies the current text alignment used when drawing text.

ctx.textAlign = \"left\" || \"right\" || \"center\" || \"start\" || \"end\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign

Property.

The CanvasRenderingContext2D.textAlign property of the Canvas
API specifies the current text alignment used when drawing text.

`ctx.textAlign = \"left\" || \"right\" || \"center\" || \"start\" || \"end\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign`
sourceraw docstring

set-text-baseline!cljs

(set-text-baseline! this val)

Property.

The CanvasRenderingContext2D.textBaseline property of the Canvas API specifies the current text baseline used when drawing text.

ctx.textBaseline = \"top\" || \"hanging\" || \"middle\" || \"alphabetic\" || \"ideographic\" || \"bottom\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline

Property.

The CanvasRenderingContext2D.textBaseline property of the Canvas
API specifies the current text baseline used when drawing text.

`ctx.textBaseline = \"top\" || \"hanging\" || \"middle\" || \"alphabetic\" || \"ideographic\" || \"bottom\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline`
sourceraw docstring

set-transformcljs

(set-transform this & args)

Method.

The CanvasRenderingContext2D.setTransform() method of the Canvas API resets (overrides) the current transformation to the identity and then invokes a transformation described by the arguments this method. This lets you scale, rotate, translate (move), and the context.

`void ctx.setTransform(a, b, c, d, e, f);

The transformation matrix is described by: [acebdf001]\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right]`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform

Method.

The CanvasRenderingContext2D.setTransform() method of the Canvas
API resets (overrides) the current transformation to the identity
and then invokes a transformation described by the arguments
this method. This lets you scale, rotate, translate (move), and
the context.

`void ctx.setTransform(a, b, c, d, e, f);

The transformation matrix is described by: [acebdf001]\\left[ \\begin{array}{ccc} a & c & e \\\\ b & d & f \\\\ 0 & 0 & 1 \\end{array} \\right]`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setTransform`
sourceraw docstring

shadow-blurcljs

(shadow-blur this)

Property.

The CanvasRenderingContext2D.shadowBlur property of the Canvas API specifies the amount of blur applied to shadows. The default 0 (no blur).

`ctx.shadowBlur = level;

level A non-negative float specifying the level of shadow blur, where 0 represents no blur and larger numbers represent increasingly more blur. This value doesn't correspond to a number of pixels, and is not affected by the current transformation matrix. The default value is 0. Negative, web.Infinity, and web.NaN values are ignored.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur

Property.

The CanvasRenderingContext2D.shadowBlur property of the Canvas
API specifies the amount of blur applied to shadows. The default
0 (no blur).

`ctx.shadowBlur = level;


level
A non-negative float specifying the level of shadow blur, where 0 represents no blur and larger numbers represent increasingly more blur. This value doesn't correspond to a number of pixels, and is not affected by the current transformation matrix. The default value is 0. Negative, `web.Infinity`, and `web.NaN` values are ignored.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowBlur`
sourceraw docstring

shadow-colorcljs

(shadow-color this)

Property.

The CanvasRenderingContext2D.shadowColor property of the Canvas API specifies the color of shadows.

`ctx.shadowColor = color;

color A dom.DOMString parsed as a CSS web.<color> value. The default value is fully-transparent black.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor

Property.

The CanvasRenderingContext2D.shadowColor property of the Canvas
API specifies the color of shadows.

`ctx.shadowColor = color;


color
A `dom.DOMString` parsed as a CSS `web.<color>` value. The default value is fully-transparent black.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowColor`
sourceraw docstring

shadow-offset-xcljs

(shadow-offset-x this)

Property.

The CanvasRenderingContext2D.shadowOffsetX property of the Canvas API specifies the distance that shadows will be offset horizontally.

`ctx.shadowOffsetX = offset;

offset A float specifying the distance that shadows will be offset horizontally. Positive values are to the right, and negative to the left. The default value is 0 (no horizontal offset). web.Infinity and web.NaN values are ignored.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX

Property.

The CanvasRenderingContext2D.shadowOffsetX property of the Canvas
API specifies the distance that shadows will be offset horizontally.

`ctx.shadowOffsetX = offset;


offset
A float specifying the distance that shadows will be offset horizontally. Positive values are to the right, and negative to the left. The default value is 0 (no horizontal offset). `web.Infinity` and `web.NaN` values are ignored.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetX`
sourceraw docstring

shadow-offset-ycljs

(shadow-offset-y this)

Property.

The CanvasRenderingContext2D.shadowOffsetY property of the Canvas API specifies the distance that shadows will be offset vertically.

`ctx.shadowOffsetY = offset;

offset A float specifying the distance that shadows will be offset vertically. Positive values are down, and negative are up. The default value is 0 (no vertical offset). web.Infinity and web.NaN values are ignored.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY

Property.

The CanvasRenderingContext2D.shadowOffsetY property of the Canvas
API specifies the distance that shadows will be offset vertically.

`ctx.shadowOffsetY = offset;


offset
A float specifying the distance that shadows will be offset vertically. Positive values are down, and negative are up. The default value is 0 (no vertical offset). `web.Infinity` and `web.NaN` values are ignored.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/shadowOffsetY`
sourceraw docstring

strokecljs

(stroke this & args)

Method.

The CanvasRenderingContext2D.stroke() method of the Canvas 2D strokes (outlines) the current or given path with the current style.

void ctx.stroke(); void ctx.stroke(path);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/stroke

Method.

The CanvasRenderingContext2D.stroke() method of the Canvas 2D
strokes (outlines) the current or given path with the current
style.

`void ctx.stroke();
void ctx.stroke(path);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/stroke`
sourceraw docstring

stroke-rectcljs

(stroke-rect this & args)

Method.

The CanvasRenderingContext2D.strokeRect() method of the Canvas API draws a rectangle that is stroked (outlined) according to current web.strokeStyle and other context settings.

`void ctx.strokeRect(x, y, width, height);

The strokeRect() method draws a stroked rectangle whose starting point is at (x, y) and whose size is specified by width and height.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeRect

Method.

The CanvasRenderingContext2D.strokeRect() method of the Canvas
API draws a rectangle that is stroked (outlined) according to
current `web.strokeStyle` and other context settings.

`void ctx.strokeRect(x, y, width, height);

The strokeRect() method draws a stroked rectangle whose starting point is at (x, y) and whose size is specified by width and height.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeRect`
sourceraw docstring

stroke-stylecljs

(stroke-style this)

Property.

The CanvasRenderingContext2D.strokeStyle property of the Canvas API specifies the color, gradient, or pattern to use for the (outlines) around shapes. The default is #000 (black).

ctx.strokeStyle = color; ctx.strokeStyle = gradient; ctx.strokeStyle = pattern;

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle

Property.

The CanvasRenderingContext2D.strokeStyle property of the Canvas
API specifies the color, gradient, or pattern to use for the
(outlines) around shapes. The default is #000 (black).

`ctx.strokeStyle = color;
ctx.strokeStyle = gradient;
ctx.strokeStyle = pattern;`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle`
sourceraw docstring

stroke-textcljs

(stroke-text this & args)

Method.

The web.CanvasRenderingContext2D method strokeText(), part the Canvas 2D API, strokes — that is, draws the outlines of — characters of a text string at the specified coordinates. An parameter allows specifying a maximum width for the rendered which the user agent will achieve by condensing the text or by a lower font size.

CanvasRenderingContext2D.strokeText(text, x, y [, maxWidth]);

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeText

Method.

The `web.CanvasRenderingContext2D` method strokeText(), part
the Canvas 2D API, strokes — that is, draws the outlines of —
characters of a text string at the specified coordinates. An
parameter allows specifying a maximum width for the rendered
which the user agent will achieve by condensing the text or by
a lower font size.

`CanvasRenderingContext2D.strokeText(text, x, y [, maxWidth]);`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeText`
sourceraw docstring

text-aligncljs

(text-align this)

Property.

The CanvasRenderingContext2D.textAlign property of the Canvas API specifies the current text alignment used when drawing text.

ctx.textAlign = \"left\" || \"right\" || \"center\" || \"start\" || \"end\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign

Property.

The CanvasRenderingContext2D.textAlign property of the Canvas
API specifies the current text alignment used when drawing text.

`ctx.textAlign = \"left\" || \"right\" || \"center\" || \"start\" || \"end\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign`
sourceraw docstring

text-baselinecljs

(text-baseline this)

Property.

The CanvasRenderingContext2D.textBaseline property of the Canvas API specifies the current text baseline used when drawing text.

ctx.textBaseline = \"top\" || \"hanging\" || \"middle\" || \"alphabetic\" || \"ideographic\" || \"bottom\";

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline

Property.

The CanvasRenderingContext2D.textBaseline property of the Canvas
API specifies the current text baseline used when drawing text.

`ctx.textBaseline = \"top\" || \"hanging\" || \"middle\" || \"alphabetic\" || \"ideographic\" || \"bottom\";`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline`
sourceraw docstring

transformcljs

(transform this & args)

Method.

The CanvasRenderingContext2D.transform() method of the Canvas API multiplies the current transformation with the matrix described the arguments of this method. This lets you scale, rotate, translate and skew the context.

`void ctx.transform(a, b, c, d, e, f);

The transformation matrix is described by: [acebdf001]\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right]`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform

Method.

The CanvasRenderingContext2D.transform() method of the Canvas
API multiplies the current transformation with the matrix described
the arguments of this method. This lets you scale, rotate, translate
and skew the context.

`void ctx.transform(a, b, c, d, e, f);

The transformation matrix is described by: [acebdf001]\\left[ \\begin{array}{ccc} a & c & e \\\\ b & d & f \\\\ 0 & 0 & 1 \\end{array} \\right]`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/transform`
sourceraw docstring

translatecljs

(translate this & args)

Method.

The CanvasRenderingContext2D.translate() method of the Canvas API adds a translation transformation to the current matrix.

`void ctx.translate(x, y);

The translate() method adds a translation transformation to the current matrix by moving the canvas and its origin x units horizontally and y units vertically on the grid.`

See also: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate

Method.

The CanvasRenderingContext2D.translate() method of the Canvas
API adds a translation transformation to the current matrix.

`void ctx.translate(x, y);

The translate() method adds a translation transformation to the current matrix by moving the canvas and its origin x units horizontally and y units vertically on the grid.`

See also: `https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate`
sourceraw docstring

cljdoc is a website building & hosting documentation for Clojure/Script libraries

× close