fabric/dist/src/canvas/DOMManagers/util.mjs

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

import { NONE } from "../../constants.mjs";
import { getDocumentFromElement, getScrollLeftTop, getWindowFromElement } from "../../util/dom_misc.mjs";
//#region src/canvas/DOMManagers/util.ts
const setCanvasDimensions = (el, ctx, { width, height }, retinaScaling = 1) => {
	el.width = width;
	el.height = height;
	if (retinaScaling > 1) {
		el.setAttribute("width", (width * retinaScaling).toString());
		el.setAttribute("height", (height * retinaScaling).toString());
		ctx.scale(retinaScaling, retinaScaling);
	}
};
const setCSSDimensions = (el, { width, height }) => {
	width && (el.style.width = typeof width === "number" ? `${width}px` : width);
	height && (el.style.height = typeof height === "number" ? `${height}px` : height);
};
/**
* Returns offset for a given element
* @param {HTMLElement} element Element to get offset for
* @return {Object} Object with "left" and "top" properties
*/
function getElementOffset(element) {
	var _getWindowFromElement;
	const doc = element && getDocumentFromElement(element), offset = {
		left: 0,
		top: 0
	};
	if (!doc) return offset;
	const elemStyle = ((_getWindowFromElement = getWindowFromElement(element)) === null || _getWindowFromElement === void 0 ? void 0 : _getWindowFromElement.getComputedStyle(element, null)) || {};
	offset.left += parseInt(elemStyle.borderLeftWidth, 10) || 0;
	offset.top += parseInt(elemStyle.borderTopWidth, 10) || 0;
	offset.left += parseInt(elemStyle.paddingLeft, 10) || 0;
	offset.top += parseInt(elemStyle.paddingTop, 10) || 0;
	let box = {
		left: 0,
		top: 0
	};
	const docElem = doc.documentElement;
	if (typeof element.getBoundingClientRect !== "undefined") box = element.getBoundingClientRect();
	const scrollLeftTop = getScrollLeftTop(element);
	return {
		left: box.left + scrollLeftTop.left - (docElem.clientLeft || 0) + offset.left,
		top: box.top + scrollLeftTop.top - (docElem.clientTop || 0) + offset.top
	};
}
/**
* Makes element unselectable
* @param {HTMLElement} element Element to make unselectable
* @return {HTMLElement} Element that was passed in
*/
function makeElementUnselectable(element) {
	if (typeof element.onselectstart !== "undefined") element.onselectstart = () => false;
	element.style.userSelect = NONE;
	return element;
}
//#endregion
export { getElementOffset, makeElementUnselectable, setCSSDimensions, setCanvasDimensions };

//# sourceMappingURL=util.mjs.map