inspector_overlay/debug/tool_highlight_implicit_grid.html

<!--
Copyright 2020 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Debug</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <script type="module" src="/out/Default/resources/inspector_overlay/main.js"></script>
  <style>
    body { background: #ccc; }
  </style>
</head>
<body>
  <script type="module">
    const viewportWidth = document.documentElement.clientWidth;
    const viewportHeight = document.documentElement.clientHeight;

    dispatch(["setPlatform", "mac"]);
    dispatch(["setOverlay", "highlight"]);
    dispatch(["reset", {
      viewportSize: {
        width: viewportWidth,
        height: viewportHeight,
      },
      deviceScaleFactor: 1,
      pageScaleFactor: 1,
      pageZoomFactor: 1,
      emulationScaleFactor: 1,
      scrollX: 0,
      scrollY: 0,
    }]);

    dispatch(["drawHighlight", {
      "paths":[
      ],
      "gridInfo":[
        {
          "rows":["M",200,400,"L",800,400,"M",800,495,"L",200,495,"M",200,505,"L",800,505,"M",800,595,"L",200,595,"M",200,605,"L",800,605,"M",800,695,"L",200,695,"M",200,705,"L",800,705,"M",800,800,"L",200,800],
          "rowGaps":["M",200,495,"L",800,495,"L",800,505,"L",200,505,"Z","M",200,595,"L",800,595,"L",800,605,"L",200,605,"Z","M",200,695,"L",800,695,"L",800,705,"L",200,705,"Z"],
          "positiveRowLineNumberPositions":[{x:200,y:500},{x:200,y:600},{x:200,y:700},{x:200,y:800}],
          "negativeRowLineNumberPositions":[{x:800,y:400},{x:800,y:500},{x:800,y:600},{x:800,y:700}],
          "columns":["M",200,400,"L",200,800,"M",400,800,"L",400,400,"M",600,800,"L",600,400,"M",800,800,"L",800,400],
          "columnGaps":[],
          "positiveColumnLineNumberPositions":[{x:400,y:400},{x:600,y:400},{x:800,y:400}],
          "negativeColumnLineNumberPositions":[{x:200,y:800},{x:400,y:800},{x:600,y:800}],
          "gridBorder":["M",200,400,"L",800,400,"L",800,800,"L",200,800,"Z"],
          "gridHighlightConfig":{"gridBackgroundColor":"rgba(147, 52, 230, .1)","gridBorderColor":"rgba(147, 52, 230, 1)","gridBorderDash":false,"rowLineDash":true,"columnLineDash":true,"showGridExtensionLines":true,"showPositiveLineNumbers":true,"showNegativeLineNumbers":true,"rowLineColor":"rgba(147, 52, 230, 1)","columnLineColor":"rgba(147, 52, 230, 1)","rowHatchColor":"rgba(147, 52, 230, .8)","columnHatchColor":"rgba(147, 52, 230, .8)","rowGapColor":"rgba(147, 52, 230, .2)"},
          "isPrimaryGrid":true
        }
      ]
    }]);
  </script>
</body>
</html>