web.canvas.HTMLCanvasElement — clojure-interop/cljs-web-api 1.0.4

The HTMLCanvasElement interface provides properties and methods manipulating the layout and presentation of <canvas> elements. HTMLCanvasElement interface also inherits the properties and of the web.dom.HTMLElement interface.

capture-stream cljs

(capture-stream this frame-rate)

Method.

The web.canvas.HTMLCanvasElement captureStream() method returns web.streams.MediaStream which includes a web.media.CanvasCaptureMediaStreamTrack a real-time video capture of the canvas's contents.

MediaStream = canvas.captureStream(frameRate);

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream

get-context cljs

(get-context this & args)

Method.

The HTMLCanvasElement.getContext() method returns a drawing context the canvas, or js.null if the context identifier is not supported.

var ctx = canvas.getContext(contextType); var ctx = canvas.getContext(contextType, contextAttributes);

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext

height cljs

(height this)

Property.

The HTMLCanvasElement.height property is a positive integer reflecting height HTML attribute of the <canvas> element interpreted in pixels. When the attribute is not specified, or if it is set an invalid value, like a negative, the default value of 150 is

var pxl = canvas.height; canvas.height = pxl;

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/height

moz-fetch-as-stream cljs

(moz-fetch-as-stream this callback type)

Method.

The HTMLCanvasElement.mozFetchAsStream() internal method used create a new input stream that, when ready, would provide the of the canvas as image data. However, this non-standard and internal has been removed.

void canvas.mozFetchAsStream(callback, type);

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/mozFetchAsStream

moz-get-as-file cljs

(moz-get-as-file this name type)

Method.

The HTMLCanvasElement.mozGetAsFile() method returns a web.files.File representing the image contained in the canvas; this file is memory-based file, with the specified name. If type is not specified, image type is image/png.

canvas.mozGetAsFile(name, type);

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/mozGetAsFile

moz-opaque cljs

(moz-opaque this)

Property.

The non-standard HTMLCanvasElement.mozOpaque property is a js.Boolean the moz-opaque HTML attribute of the <canvas> element. It lets canvas know whether or not translucency will be a factor. If canvas knows there's no translucency, painting performance can optimized.

var opaque = canvas.mozOpaque; canvas.mozOpaque = true;

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/mozOpaque

set-height! cljs

(set-height! this val)

Property.

The HTMLCanvasElement.height property is a positive integer reflecting height HTML attribute of the <canvas> element interpreted in pixels. When the attribute is not specified, or if it is set an invalid value, like a negative, the default value of 150 is

var pxl = canvas.height; canvas.height = pxl;

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/height

set-moz-opaque! cljs

(set-moz-opaque! this val)

Property.

The non-standard HTMLCanvasElement.mozOpaque property is a js.Boolean the moz-opaque HTML attribute of the <canvas> element. It lets canvas know whether or not translucency will be a factor. If canvas knows there's no translucency, painting performance can optimized.

var opaque = canvas.mozOpaque; canvas.mozOpaque = true;

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/mozOpaque

set-width! cljs

(set-width! this val)

Property.

The HTMLCanvasElement.width property is a positive integer reflecting width HTML attribute of the <canvas> element interpreted in pixels. When the attribute is not specified, or if it is set an invalid value, like a negative, the default value of 300 is

var pxl = canvas.width; canvas.width = pxl;

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width

to-blob cljs

(to-blob this callback mime-type quality-argument)

Method.

The HTMLCanvasElement.toBlob() method creates a web.files.Blob representing the image contained in the canvas; this file may cached on the disk or stored in memory at the discretion of the agent. If type is not specified, the image type is image/png. created image is in a resolution of 96dpi.

canvas.toBlob(callback, mimeType, qualityArgument);

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob

to-data-url cljs

(to-data-url this type encoder-options)

Method.

The HTMLCanvasElement.toDataURL() method returns a data URI containing representation of the image in the format specified by the type (defaults to PNG). The returned image is in a resolution of 96

canvas.toDataURL(type, encoderOptions);

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

transfer-control-to-offscreen cljs

(transfer-control-to-offscreen this)

Method.

The HTMLCanvasElement.transferControlToOffscreen() method transfers to an web.canvas.OffscreenCanvas object, either on the main or on a worker.

OffscreenCanvas HTMLCanvasElement.transferControlToOffscreen()

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen

width cljs

(width this)

Property.

The HTMLCanvasElement.width property is a positive integer reflecting width HTML attribute of the <canvas> element interpreted in pixels. When the attribute is not specified, or if it is set an invalid value, like a negative, the default value of 300 is

var pxl = canvas.width; canvas.width = pxl;

See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width