src/third_party/WebKit/LayoutTests/inspector/elements/highlight-css-shapes-outside-expected.txt

   1 circle: {
   2   "paths": [
   3     {
   4       "path": ["M", 88, 8, "L", 88, 8, "C", 132, 8, 168, 44, 168, 88, "L", 168, 88, "C", 168, 132, 132, 168, 88, 168, "L", 88, 168, "C", 44, 168, 8, 132, 8, 88, "L", 8, 88, "C", 8, 44, 44, 8, 88, 8, "Z"],
   5       "fillColor": "rgba(0, 0, 0, 0)"
   6     },
   7     {
   8       "path": ["M", 88, -24, "L", 88, -24, "C", 150, -24, 200, 26, 200, 88, "L", 200, 88, "C", 200, 150, 150, 200, 88, 200, "L", 88, 200, "C", 26, 200, -24, 150, -24, 88, "L", -24, 88, "C", -24, 26, 26, -24, 88, -24, "Z"],
   9       "fillColor": "rgba(128, 128, 128, 0)"
  10     },
  11     {
  12       "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"],
  13       "fillColor": "rgba(255, 0, 0, 0)",
  14       "outlineColor": "rgba(128, 0, 0, 0)"
  15     },
  16     {
  17       "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"],
  18       "fillColor": "rgba(0, 255, 0, 0)"
  19     },
  20     {
  21       "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"],
  22       "fillColor": "rgba(0, 0, 255, 0)"
  23     },
  24     {
  25       "path": ["M", 8, 8, "L", 168, 8, "L", 168, 168, "L", 8, 168, "Z"],
  26       "fillColor": "rgba(255, 255, 255, 0)"
  27     }
  28   ],
  29   "showRulers": true,
  30   "showExtensionLines": true
  31 }
  32
  33 insetSimpleRound: {
  34   "paths": [
  35     {
  36       "path": ["M", 248, 56, "L", 248, 56, "C", 266, 56, 280, 70, 280, 88, "L", 280, 88, "C", 280, 106, 266, 120, 248, 120, "L", 248, 120, "C", 230, 120, 216, 106, 216, 88, "L", 216, 88, "C", 216, 70, 230, 56, 248, 56, "Z"],
  37       "fillColor": "rgba(0, 0, 0, 0)"
  38     },
  39     {
  40       "path": ["M", 248, 24, "L", 248, 24, "C", 283, 24, 312, 53, 312, 88, "L", 312, 88, "C", 312, 123, 283, 152, 248, 152, "L", 248, 152, "C", 213, 152, 184, 123, 184, 88, "L", 184, 88, "C", 184, 53, 213, 24, 248, 24, "Z"],
  41       "fillColor": "rgba(128, 128, 128, 0)"
  42     },
  43     {
  44       "path": ["M", 184, 24, "L", 312, 24, "L", 312, 152, "L", 184, 152, "Z"],
  45       "fillColor": "rgba(255, 0, 0, 0)",
  46       "outlineColor": "rgba(128, 0, 0, 0)"
  47     },
  48     {
  49       "path": ["M", 184, 24, "L", 312, 24, "L", 312, 152, "L", 184, 152, "Z"],
  50       "fillColor": "rgba(0, 255, 0, 0)"
  51     },
  52     {
  53       "path": ["M", 184, 24, "L", 312, 24, "L", 312, 152, "L", 184, 152, "Z"],
  54       "fillColor": "rgba(0, 0, 255, 0)"
  55     },
  56     {
  57       "path": ["M", 168, 8, "L", 328, 8, "L", 328, 168, "L", 168, 168, "Z"],
  58       "fillColor": "rgba(255, 255, 255, 0)"
  59     }
  60   ],
  61   "showRulers": true,
  62   "showExtensionLines": true
  63 }
  64
  65 insetComplexRound: {
  66   "paths": [
  67     {
  68       "path": ["M", 360, 24, "L", 408, 24, "C", 443, 24, 472, 53, 472, 88, "L", 472, 136, "C", 472, 145, 465, 152, 456, 152, "L", 408, 152, "C", 373, 152, 344, 123, 344, 88, "L", 344, 40, "C", 344, 31, 351, 24, 360, 24, "Z"],
  69       "fillColor": "rgba(0, 0, 0, 0)"
  70     },
  71     {
  72       "path": ["M", 360, -8, "L", 408, -8, "C", 461, -8, 504, 35, 504, 88, "L", 504, 136, "C", 504, 163, 483, 184, 456, 184, "L", 408, 184, "C", 355, 184, 312, 141, 312, 88, "L", 312, 40, "C", 312, 13, 333, -8, 360, -8, "Z"],
  73       "fillColor": "rgba(128, 128, 128, 0)"
  74     },
  75     {
  76       "path": ["M", 344, 24, "L", 472, 24, "L", 472, 152, "L", 344, 152, "Z"],
  77       "fillColor": "rgba(255, 0, 0, 0)",
  78       "outlineColor": "rgba(128, 0, 0, 0)"
  79     },
  80     {
  81       "path": ["M", 344, 24, "L", 472, 24, "L", 472, 152, "L", 344, 152, "Z"],
  82       "fillColor": "rgba(0, 255, 0, 0)"
  83     },
  84     {
  85       "path": ["M", 344, 24, "L", 472, 24, "L", 472, 152, "L", 344, 152, "Z"],
  86       "fillColor": "rgba(0, 0, 255, 0)"
  87     },
  88     {
  89       "path": ["M", 328, 8, "L", 488, 8, "L", 488, 168, "L", 328, 168, "Z"],
  90       "fillColor": "rgba(255, 255, 255, 0)"
  91     }
  92   ],
  93   "showRulers": true,
  94   "showExtensionLines": true
  95 }
  96
  97 ellipse: {
  98   "paths": [
  99     {
 100       "path": ["M", 568, 8, "L", 568, 8, "C", 612, 8, 648, 33, 648, 64, "L", 648, 64, "C", 648, 95, 612, 120, 568, 120, "L", 568, 120, "C", 524, 120, 488, 95, 488, 64, "L", 488, 64, "C", 488, 33, 524, 8, 568, 8, "Z"],
 101       "fillColor": "rgba(0, 0, 0, 0)"
 102     },
 103     {
 104       "path": ["M", 568, -24, "L", 568, -24, "C", 630, -24, 680, 15, 680, 64, "L", 680, 64, "C", 680, 113, 630, 152, 568, 152, "L", 568, 152, "C", 506, 152, 456, 113, 456, 64, "L", 456, 64, "C", 456, 15, 506, -24, 568, -24, "Z"],
 105       "fillColor": "rgba(128, 128, 128, 0)"
 106     },
 107     {
 108       "path": ["M", 504, 24, "L", 632, 24, "L", 632, 104, "L", 504, 104, "Z"],
 109       "fillColor": "rgba(255, 0, 0, 0)",
 110       "outlineColor": "rgba(128, 0, 0, 0)"
 111     },
 112     {
 113       "path": ["M", 504, 24, "L", 632, 24, "L", 632, 104, "L", 504, 104, "Z"],
 114       "fillColor": "rgba(0, 255, 0, 0)"
 115     },
 116     {
 117       "path": ["M", 504, 24, "L", 632, 24, "L", 632, 104, "L", 504, 104, "Z"],
 118       "fillColor": "rgba(0, 0, 255, 0)"
 119     },
 120     {
 121       "path": ["M", 488, 8, "L", 648, 8, "L", 648, 120, "L", 488, 120, "Z"],
 122       "fillColor": "rgba(255, 255, 255, 0)"
 123     }
 124   ],
 125   "showRulers": true,
 126   "showExtensionLines": true
 127 }
 128
 129 contentBox: {
 130   "paths": [
 131     {
 132       "path": ["M", 568, 168, "L", 600, 168, "C", 635, 168, 664, 197, 664, 232, "L", 664, 264, "C", 664, 282, 650, 296, 632, 296, "L", 568, 296, "C", 550, 296, 536, 282, 536, 264, "L", 536, 200, "C", 536, 182, 550, 168, 568, 168, "Z"],
 133       "fillColor": "rgba(0, 0, 0, 0)"
 134     },
 135     {
 136       "path": ["M", 568, 136, "L", 600, 136, "C", 653, 136, 696, 179, 696, 232, "L", 696, 264, "C", 696, 299, 667, 328, 632, 328, "L", 568, 328, "C", 533, 328, 504, 299, 504, 264, "L", 504, 200, "C", 504, 165, 533, 136, 568, 136, "Z"],
 137       "fillColor": "rgba(128, 128, 128, 0)"
 138     },
 139     {
 140       "path": ["M", 536, 168, "L", 664, 168, "L", 664, 296, "L", 536, 296, "Z"],
 141       "fillColor": "rgba(255, 0, 0, 0)",
 142       "outlineColor": "rgba(128, 0, 0, 0)"
 143     },
 144     {
 145       "path": ["M", 504, 152, "L", 680, 152, "L", 680, 312, "L", 504, 312, "Z"],
 146       "fillColor": "rgba(0, 255, 0, 0)"
 147     },
 148     {
 149       "path": ["M", 504, 152, "L", 680, 152, "L", 680, 312, "L", 504, 312, "Z"],
 150       "fillColor": "rgba(0, 0, 255, 0)"
 151     },
 152     {
 153       "path": ["M", 488, 120, "L", 696, 120, "L", 696, 328, "L", 488, 328, "Z"],
 154       "fillColor": "rgba(255, 255, 255, 0)"
 155     }
 156   ],
 157   "showRulers": true,
 158   "showExtensionLines": true
 159 }
 160
 161 polygon: {
 162   "paths": [
 163     {
 164       "path": ["M", 8, 328, "L", 8, 528, "L", 208, 328, "Z"],
 165       "fillColor": "rgba(0, 0, 0, 0)"
 166     },
 167     {
 168       "path": ["M", 24, 344, "L", 152, 344, "L", 152, 472, "L", 24, 472, "Z"],
 169       "fillColor": "rgba(255, 0, 0, 0)",
 170       "outlineColor": "rgba(128, 0, 0, 0)"
 171     },
 172     {
 173       "path": ["M", 24, 344, "L", 152, 344, "L", 152, 472, "L", 24, 472, "Z"],
 174       "fillColor": "rgba(0, 255, 0, 0)"
 175     },
 176     {
 177       "path": ["M", 24, 344, "L", 152, 344, "L", 152, 472, "L", 24, 472, "Z"],
 178       "fillColor": "rgba(0, 0, 255, 0)"
 179     },
 180     {
 181       "path": ["M", 8, 328, "L", 168, 328, "L", 168, 488, "L", 8, 488, "Z"],
 182       "fillColor": "rgba(255, 255, 255, 0)"
 183     }
 184   ],
 185   "showRulers": true,
 186   "showExtensionLines": true
 187 }
 188
 189 raster: {
 190   "paths": [
 191     {
 192       "path": ["M", 184, 344, "L", 284, 344, "L", 284, 444, "L", 184, 444, "Z"],
 193       "fillColor": "rgba(0, 0, 0, 0)"
 194     },
 195     {
 196       "path": ["M", 157, 328, "L", 311, 328, "L", 311, 329, "L", 157, 329, "Z", "M", 156, 329, "L", 312, 329, "L", 312, 331, "L", 156, 331, "Z", "M", 155, 331, "L", 313, 331, "L", 313, 333, "L", 155, 333, "Z", "M", 154, 333, "L", 314, 333, "L", 314, 337, "L", 154, 337, "Z", "M", 153, 337, "L", 315, 337, "L", 315, 344, "L", 153, 344, "Z", "M", 152, 344, "L", 316, 344, "L", 316, 444, "L", 152, 444, "Z", "M", 153, 444, "L", 315, 444, "L", 315, 451, "L", 153, 451, "Z", "M", 154, 451, "L", 314, 451, "L", 314, 455, "L", 154, 455, "Z", "M", 155, 455, "L", 313, 455, "L", 313, 457, "L", 155, 457, "Z", "M", 156, 457, "L", 312, 457, "L", 312, 459, "L", 156, 459, "Z", "M", 157, 459, "L", 311, 459, "L", 311, 461, "L", 157, 461, "Z", "M", 158, 461, "L", 310, 461, "L", 310, 462, "L", 158, 462, "Z", "M", 159, 462, "L", 309, 462, "L", 309, 463, "L", 159, 463, "Z", "M", 160, 463, "L", 308, 463, "L", 308, 465, "L", 160, 465, "Z", "M", 161, 465, "L", 307, 465, "L", 307, 466, "L", 161, 466, "Z", "M", 162, 466, "L", 306, 466, "L", 306, 467, "L", 162, 467, "Z", "M", 163, 467, "L", 305, 467, "L", 305, 468, "L", 163, 468, "Z", "M", 165, 468, "L", 303, 468, "L", 303, 469, "L", 165, 469, "Z", "M", 166, 469, "L", 302, 469, "L", 302, 470, "L", 166, 470, "Z", "M", 167, 470, "L", 301, 470, "L", 301, 471, "L", 167, 471, "Z", "M", 169, 471, "L", 299, 471, "L", 299, 472, "L", 169, 472, "Z", "M", 171, 472, "L", 297, 472, "L", 297, 473, "L", 171, 473, "Z", "M", 173, 473, "L", 295, 473, "L", 295, 474, "L", 173, 474, "Z", "M", 177, 474, "L", 291, 474, "L", 291, 475, "L", 177, 475, "Z", "M", 184, 475, "L", 284, 475, "L", 284, 476, "L", 184, 476, "Z"],
 197       "fillColor": "rgba(128, 128, 128, 0)"
 198     },
 199     {
 200       "path": ["M", 184, 344, "L", 312, 344, "L", 312, 472, "L", 184, 472, "Z"],
 201       "fillColor": "rgba(255, 0, 0, 0)",
 202       "outlineColor": "rgba(128, 0, 0, 0)"
 203     },
 204     {
 205       "path": ["M", 184, 344, "L", 312, 344, "L", 312, 472, "L", 184, 472, "Z"],
 206       "fillColor": "rgba(0, 255, 0, 0)"
 207     },
 208     {
 209       "path": ["M", 184, 344, "L", 312, 344, "L", 312, 472, "L", 184, 472, "Z"],
 210       "fillColor": "rgba(0, 0, 255, 0)"
 211     },
 212     {
 213       "path": ["M", 168, 328, "L", 328, 328, "L", 328, 488, "L", 168, 488, "Z"],
 214       "fillColor": "rgba(255, 255, 255, 0)"
 215     }
 216   ],
 217   "showRulers": true,
 218   "showExtensionLines": true
 219 }
 220
 221