src/third_party/trace-viewer/trace_viewer/cc/debug_colors.html

   1 <!DOCTYPE html>
   2 <!--
   3 Copyright (c) 2013 The Chromium Authors. All rights reserved.
   4 Use of this source code is governed by a BSD-style license that can be
   5 found in the LICENSE file.
   6 -->
   7 <link rel="import" href="/base.html">
   8 <script>
   9 'use strict';
  10
  11 /**
  12  * @fileoverview Mapping of different tile configuration
  13  * to border colors and widths.
  14  */
  15 tv.exportTo('cc', function() {
  16   var tileTypes = {
  17     highRes: 'highRes',
  18     lowRes: 'lowRes',
  19     extraHighRes: 'extraHighRes',
  20     extraLowRes: 'extraLowRes',
  21     missing: 'missing',
  22     culled: 'culled',
  23     solidColor: 'solidColor',
  24     picture: 'picture',
  25     directPicture: 'directPicture',
  26     unknown: 'unknown'
  27   };
  28
  29   var tileBorder = {
  30     highRes: {
  31       color: 'rgba(80, 200, 200, 0.7)',
  32       width: 1
  33     },
  34     lowRes: {
  35       color: 'rgba(212, 83, 192, 0.7)',
  36       width: 2
  37     },
  38     extraHighRes: {
  39       color: 'rgba(239, 231, 20, 0.7)',
  40       width: 2
  41     },
  42     extraLowRes: {
  43       color: 'rgba(93, 186, 18, 0.7)',
  44       width: 2
  45     },
  46     missing: {
  47       color: 'rgba(255, 0, 0, 0.7)',
  48       width: 1
  49     },
  50     culled: {
  51       color: 'rgba(160, 100, 0, 0.8)',
  52       width: 1
  53     },
  54     solidColor: {
  55       color: 'rgba(128, 128, 128, 0.7)',
  56       width: 1
  57     },
  58     picture: {
  59       color: 'rgba(64, 64, 64, 0.7)',
  60       width: 1
  61     },
  62     directPicture: {
  63       color: 'rgba(127, 255, 0, 1.0)',
  64       width: 1
  65     },
  66     unknown: {
  67       color: 'rgba(0, 0, 0, 1.0)',
  68       width: 2
  69     }
  70   };
  71
  72   return {
  73     tileTypes: tileTypes,
  74     tileBorder: tileBorder
  75   };
  76 });
  77 </script>