canvas-grid-lines
Version:
Draws grid lines as HTML canvas element (baseline, squared and more)
34 lines • 1.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.GRID_TYPE_CONFIG = void 0;
/**
* Single source of truth for grid-type specific behaviour. Add a new grid type
* here and the constructor, validator and renderer pick it up automatically.
*/
exports.GRID_TYPE_CONFIG = {
baseline: {
columnsLength: 1,
columnsShape: 'total',
hasHorizontalEdgeLine: true,
mapGaps: () => ({ hGaps: null, vGaps: null }),
},
squared: {
columnsLength: 1,
columnsShape: 'total',
hasHorizontalEdgeLine: true,
mapGaps: () => ({ hGaps: null, vGaps: null }),
},
columns: {
columnsLength: 3,
columnsShape: 'total, gap1, gap2',
hasHorizontalEdgeLine: false,
mapGaps: v => ({ hGaps: null, vGaps: [v[1], v[2]] }),
},
rows: {
columnsLength: 5,
columnsShape: 'total, v_gap1, v_gap2, h_gap1, h_gap2',
hasHorizontalEdgeLine: true,
mapGaps: v => ({ vGaps: [v[1], v[2]], hGaps: [v[3], v[4]] }),
},
};
//# sourceMappingURL=gridTypeConfig.js.map