fromCanvas

API reference for the "fromCanvas" method.

Converts an HTMLCanvasElement into a CanvaImageBlob.
Usage
const { imageHelpers } = window.canva;
const canva = window.canva.init();
​
canva.onReady(async () => {
  // Create an HTMLCanvasElement
  const canvas = document.createElement('canvas');
​
  // Convert an HTMLCanvasElement into a CanvaImageBlob
  const image = await imageHelpers.fromCanvas('image/jpeg', canvas);
​
  // Do something with the result
  console.log(image);
});
Parameters
Name
Type
Required
Description
imageType
string
Yes
The MIME type of the CanvaImageBlob. The possible values are "image/jpeg", "image/png", and "image/svg+xml".
canvas
HTMLCanvasElement
Yes
The HTMLCanvasElement to convert into a CanvaImageBlob.
quality
number
No
The quality of the converted image, represented as a number from 0-100. A value of 100 is the highest quality.
Returns
Promise<CanvaImageBlob>

Client API - Previous

CanvaImageHelpers

fromDataUrl

Last updated 1 month ago

Name	Type	Required	Description
`imageType`	string	Yes	The MIME type of the `CanvaImageBlob`. The possible values are `"image/jpeg"`, `"image/png"`, and `"image/svg+xml"`.
`canvas`	`HTMLCanvasElement`	Yes	The `HTMLCanvasElement` to convert into a `CanvaImageBlob`.
`quality`	number	No	The quality of the converted image, represented as a number from 0-100. A value of 100 is the highest quality.