function showDebugDirtyRect()

in src/dep/showDebugDirtyRect.js [39:84]

• 46 lines of code
• 10 McCabe index (conditional complexity)

function showDebugDirtyRect(zr, opts) {
  opts = opts || {};
  const painter = zr.painter;
  if (!painter.getLayers) {
    throw new Error('Debug dirty rect can only been used on canvas renderer.');
  }
  if (painter.isSingleCanvas()) {
    throw new Error(
      'Debug dirty rect can only been used on zrender inited with container.'
    );
  }
  const debugViewRoot = document.createElement('div');
  debugViewRoot.className = 'ec-debug-dirty-rect-container';
  debugViewRoot.style.cssText =
    'position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:9999999;';
  const debugRects = [];
  const dom = zr.dom;
  dom.appendChild(debugViewRoot);
  var computedStyle = getComputedStyle(dom);
  if (computedStyle.position === 'static') {
    dom.style.position = 'relative';
  }
  zr.on('rendered', function () {
    if (painter.getLayers) {
      let idx_1 = 0;
      painter.eachBuiltinLayer(function (layer) {
        if (!layer.debugGetPaintRects) {
          return;
        }
        const paintRects = layer.debugGetPaintRects();
        for (let i = 0; i < paintRects.length; i++) {
          if (!debugRects[idx_1]) {
            debugRects[idx_1] = new DebugRect(opts.style);
            debugViewRoot.appendChild(debugRects[idx_1].dom);
          }
          debugRects[idx_1].show();
          debugRects[idx_1].update(paintRects[i]);
          idx_1++;
        }
      });
      for (let i = idx_1; i < debugRects.length; i++) {
        debugRects[i].hide();
      }
    }
  });
}