fabric/dist/src/parser/loadSVGFromURL.mjs

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

import { FabricError } from "../util/internals/console.mjs";
import { createEmptyResponse } from "./parseSVGDocument.mjs";
import { loadSVGFromString } from "./loadSVGFromString.mjs";
//#region src/parser/loadSVGFromURL.ts
/**
* Takes url corresponding to an SVG document, and parses it into a set of fabric objects.
* Note that SVG is fetched via fetch API, so it needs to conform to SOP (Same Origin Policy)
* @param {string} url where the SVG is
* @param {TSvgParsedCallback} callback Invoked when the parsing is done, with null if parsing wasn't possible with the list of svg nodes.
* {@link TSvgParsedCallback} also receives `allElements` array as the last argument. This is the full list of svg nodes available in the document.
* You may want to use it if you are trying to regroup the objects as they were originally grouped in the SVG. ( This was the reason why it was added )
* @param {TSvgReviverCallback} [reviver] Extra callback for further parsing of SVG elements, called after each fabric object has been created.
* Takes as input the original svg element and the generated `FabricObject` as arguments. Used to inspect extra properties not parsed by fabric,
* or extra custom manipulation
* @param {Object} [options] Object containing options for parsing
* @param {String} [options.crossOrigin] crossOrigin setting to use for external resources
* @param {AbortSignal} [options.signal] handle aborting, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
*/
function loadSVGFromURL(url, reviver, options = {}) {
	return fetch(url.replace(/^\n\s*/, "").trim(), { signal: options.signal }).then((response) => {
		if (!response.ok) throw new FabricError(`HTTP error! status: ${response.status}`);
		return response.text();
	}).then((svgText) => {
		return loadSVGFromString(svgText, reviver, options);
	}).catch(() => {
		return createEmptyResponse();
	});
}
//#endregion
export { loadSVGFromURL };

//# sourceMappingURL=loadSVGFromURL.mjs.map