wisemapping-frontend/packages/mindplot/test/playground/layout/lib/raphael-plugins.js
2021-12-05 09:25:16 -08:00

30 lines
938 B
JavaScript

export function drawGrid (x, y, w, h, wv, hv, color) {
color = color || '#999';
let path = ['M', x, y, 'L', x + w, y, x + w, y + h, x, y + h, x, y];
const rowHeight = h / hv;
const columnWidth = w / wv;
for (var i = 0; i < hv + 1; i++) {
var offset = y + i * rowHeight;
path = this.path(['M', x, offset, 'L', x + w, y + i * rowHeight]);
if (offset == 0 || offset == h) {
path.attr({ stroke: '#000' });
} else if (offset == h / 2) {
path.attr({ stroke: '#c00' });
} else {
path.attr({ stroke: '#999' });
}
}
for (var i = 0; i < wv + 1; i++) {
var offset = x + i * columnWidth;
path = this.path(['M', offset, y, 'L', x + i * columnWidth, y + h]);
if (offset == 0 || offset == w) {
path.attr({ stroke: '#000' });
} else if (offset == w / 2) {
path.attr({ stroke: '#c00' });
} else {
path.attr({ stroke: '#999' });
}
}
return this.path;
};