@antv/x6/es/registry/grid/index.js

JavaScript diagramming library that uses SVG and HTML for rendering

import { Dom, Vector } from '../../common';
import { Registry } from '../registry';
import * as patterns from './main';
export class Grid {
    constructor() {
        this.patterns = {};
        this.root = Vector.create(Dom.createSvgDocument(), {
            width: '100%',
            height: '100%',
        }, [Dom.createSvgElement('defs')]).node;
    }
    add(id, elem) {
        const firstChild = this.root.childNodes[0];
        if (firstChild) {
            firstChild.appendChild(elem);
        }
        this.patterns[id] = elem;
        Vector.create('rect', {
            width: '100%',
            height: '100%',
            fill: `url(#${id})`,
        }).appendTo(this.root);
    }
    get(id) {
        return this.patterns[id];
    }
    has(id) {
        return this.patterns[id] != null;
    }
}
export const gridPresets = patterns;
export const gridRegistry = Registry.create({
    type: 'grid',
});
gridRegistry.register(gridPresets, true);
//# sourceMappingURL=index.js.map