fabric/dist/src/util/misc/dom.mjs

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

import { FabricError } from "../internals/console.mjs";
import { getFabricDocument } from "../../env/index.mjs";
//#region src/util/misc/dom.ts
/**
* Creates canvas element
* @return {CanvasElement} initialized canvas element
*/
const createCanvasElement = () => {
	const element = getFabricDocument().createElement("canvas");
	if (!element || typeof element.getContext === "undefined") throw new FabricError("Failed to create `canvas` element");
	return element;
};
/**
* Creates image element (works on client and node)
* @return {HTMLImageElement} HTML image element
*/
const createImage = () => getFabricDocument().createElement("img");
/**
* Creates a canvas element that is a copy of another and is also painted
* @param {CanvasElement} canvas to copy size and content of
* @return {CanvasElement} initialized canvas element
*/
const copyCanvasElement = (canvas) => {
	var _newCanvas$getContext;
	const newCanvas = createCanvasElementFor(canvas);
	(_newCanvas$getContext = newCanvas.getContext("2d")) === null || _newCanvas$getContext === void 0 || _newCanvas$getContext.drawImage(canvas, 0, 0);
	return newCanvas;
};
/**
* Creates a canvas element as big as another
* @param {CanvasElement} canvas to copy size and content of
* @return {CanvasElement} initialized canvas element
*/
const createCanvasElementFor = (canvas) => {
	const newCanvas = createCanvasElement();
	newCanvas.width = canvas.width;
	newCanvas.height = canvas.height;
	return newCanvas;
};
/**
* since 2.6.0 moved from canvas instance to utility.
* possibly useless
* @param {CanvasElement} canvasEl to copy size and content of
* @param {String} format 'jpeg' or 'png', in some browsers 'webp' is ok too
* @param {number} quality <= 1 and > 0
* @return {String} data url
*/
const toDataURL = (canvasEl, format, quality) => canvasEl.toDataURL(`image/${format}`, quality);
const isHTMLCanvas = (canvas) => {
	return !!canvas && canvas.getContext !== void 0;
};
const toBlob = (canvasEl, format, quality) => new Promise((resolve, _) => {
	canvasEl.toBlob(resolve, `image/${format}`, quality);
});
//#endregion
export { copyCanvasElement, createCanvasElement, createCanvasElementFor, createImage, isHTMLCanvas, toBlob, toDataURL };

//# sourceMappingURL=dom.mjs.map