0

描画用のグリッド データ (セル サイズと座標) を保存しようとしています。

私は純粋な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', .... )

この問題は何度も解決されたと思いますが (しかし、何も見つかりません)、「自転車を発明」したくありません。

解決策を教えてください。..または対応する記事へのリンクでしょうか？

4

1 に答える 1