我正在尝试存储一些网格数据(单元格大小和坐标)以进行绘图。
我是纯 js 的新手,所以我遇到了一些困难。
现在我这样计算:
var W = document.width;
var H = document.height;
var w = [80, null, 80, 100];
w[1] = W - w[0] - w[2] - w[3];
var x = [0, w[0], w[0] + w[1], w[0] + w[1] + w[2], w[0] + w[1] + w[2] + w[3]];
var h = [null, 20, 100];
h[0] = H - w[1] - w[2];
var y = [0, h[0], h[0] + h[1]];
但这很丑陋。
我想将数据存储到某个对象中,并访问如下字段:
var grid = new Grid ([80, null, 80, 100], [null, 20, 100]);
// 'null' means that value shall be recalculated on window resized
var x1 = grid.x[1];
var w1 = grid.w[1];
// etc ..
// plus, somewhere inside Grid: window.addEventListener('resize', .... )
我想这个问题已经解决了很多次(但我找不到),我不想“发明自行车”。
你能建议任何解决方案吗?..或者可能是相应文章的链接?