@antv/s2/esm/utils/canvas.js

effective spreadsheet render core lib

import { S2_PREFIX_CLS } from '../common/constant/classnames';
import { hasDocument } from './ssr';
const OFFSCREEN_CANVAS_DOM_ID = `${S2_PREFIX_CLS}-offscreen-canvas`;
/**
 * 获取工具 canvas
 * 需要把 canvas 插入到 body 下，继承全局的 css 样式（如 letter-spacing）
 * 否则后续的 measureText 与实际渲染会有较大差异
 */
export const getOffscreenCanvas = () => {
    // SSR environment: return null (measureText will use fallback)
    if (!hasDocument()) {
        return null;
    }
    let canvas = document.getElementById(OFFSCREEN_CANVAS_DOM_ID);
    if (canvas) {
        return canvas;
    }
    canvas = document.createElement('canvas');
    canvas.id = OFFSCREEN_CANVAS_DOM_ID;
    canvas.style.display = 'none';
    document.body.appendChild(canvas);
    return canvas;
};
/**
 * 移除工具 canvas
 */
export const removeOffscreenCanvas = () => {
    var _a;
    // SSR environment: no-op
    if (!hasDocument()) {
        return;
    }
    (_a = document.getElementById(OFFSCREEN_CANVAS_DOM_ID)) === null || _a === void 0 ? void 0 : _a.remove();
};
//# sourceMappingURL=canvas.js.map