Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(50)

Side by Side Diff: third_party/WebKit/LayoutTests/platform/linux/svg/carto.net/colourpicker-expected.txt

Issue 2521473002: Change SVG layout tree output to be more meaningful and consistent (Closed)
Patch Set: - Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 layer at (0,0) size 800x600 1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600 2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600 3 layer at (0,0) size 800x600
4 LayoutSVGRoot {svg} at (0,0) size 800x600 4 LayoutSVGRoot {svg} at (0,0) size 800x600
5 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 5 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0
6 LayoutSVGHiddenContainer {symbol} at (0,0) size 0x0 6 LayoutSVGHiddenContainer {symbol} at (0,-10) size 0x20
7 LayoutSVGPath {line} at (0,0) size 2x8 [stroke={[type=SOLID] [color=#696 969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y1=- 10.00] [x2=0.00] [y2=10.00] 7 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [color=# 696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y 1=-10.00] [x2=0.00] [y2=10.00]
8 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker1_hueGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] 8 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker1_hueGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
9 LayoutSVGGradientStop {stop} [offset=0.00] [color=#FF0000] 9 LayoutSVGGradientStop {stop} [offset=0.00] [color=#FF0000]
10 LayoutSVGGradientStop {stop} [offset=0.17] [color=#FFFF00] 10 LayoutSVGGradientStop {stop} [offset=0.17] [color=#FFFF00]
11 LayoutSVGGradientStop {stop} [offset=0.33] [color=#00FF00] 11 LayoutSVGGradientStop {stop} [offset=0.33] [color=#00FF00]
12 LayoutSVGGradientStop {stop} [offset=0.50] [color=#00FFFF] 12 LayoutSVGGradientStop {stop} [offset=0.50] [color=#00FFFF]
13 LayoutSVGGradientStop {stop} [offset=0.67] [color=#0000FF] 13 LayoutSVGGradientStop {stop} [offset=0.67] [color=#0000FF]
14 LayoutSVGGradientStop {stop} [offset=0.83] [color=#FF00FF] 14 LayoutSVGGradientStop {stop} [offset=0.83] [color=#FF00FF]
15 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FF0000] 15 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
16 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker1_satGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] 16 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker1_satGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
17 LayoutSVGGradientStop {stop} [offset=0.00] [color=#FFFFFF] 17 LayoutSVGGradientStop {stop} [offset=0.00] [color=#FFFFFF]
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
59 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FF0000] 59 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FF0000]
60 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker4_satGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] 60 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker4_satGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
61 LayoutSVGGradientStop {stop} [offset=0.00] [color=#787878] 61 LayoutSVGGradientStop {stop} [offset=0.00] [color=#787878]
62 LayoutSVGGradientStop {stop} [offset=1.00] [color=#780000] 62 LayoutSVGGradientStop {stop} [offset=1.00] [color=#780000]
63 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker4_valGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] 63 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker4_valGra dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
64 LayoutSVGGradientStop {stop} [offset=0.00] [color=#000000] 64 LayoutSVGGradientStop {stop} [offset=0.00] [color=#000000]
65 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FFFFFF] 65 LayoutSVGGradientStop {stop} [offset=1.00] [color=#FFFFFF]
66 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker4_alphaG radient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] 66 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker4_alphaG radient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)]
67 LayoutSVGGradientStop {stop} [offset=0.00] [color=#78787800] 67 LayoutSVGGradientStop {stop} [offset=0.00] [color=#78787800]
68 LayoutSVGGradientStop {stop} [offset=1.00] [color=#787878] 68 LayoutSVGGradientStop {stop} [offset=1.00] [color=#787878]
69 LayoutSVGRect {rect} at (0,0) size 800x600 [fill={[type=SOLID] [color=#FFFFF F]}] [x=-2000.00] [y=-2000.00] [width=6000.00] [height=6000.00] 69 LayoutSVGRect {rect} at (-2000,-2000) size 6000x6000 [fill={[type=SOLID] [co lor=#FFFFFF]}] [x=-2000.00] [y=-2000.00] [width=6000.00] [height=6000.00]
70 LayoutSVGContainer {g} at (156,156) size 626x329 70 LayoutSVGContainer {g} at (200,200) size 800x420
71 LayoutSVGContainer {g} at (156,312) size 235x95 71 LayoutSVGContainer {g} at (200,400) size 300x120
72 LayoutSVGRect {rect} at (156,312) size 235x95 [fill={[type=SOLID] [color =#DCDCDC]}] [x=200.00] [y=400.00] [width=300.00] [height=120.00] 72 LayoutSVGRect {rect} at (200,400) size 300x120 [fill={[type=SOLID] [colo r=#DCDCDC]}] [x=200.00] [y=400.00] [width=300.00] [height=120.00]
73 LayoutSVGRect {rect} at (165,321) size 156x7 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker1_hueGradient"]}] [x=212.00] [y=411.85] [width=198.00] [heig ht=7.50] 73 LayoutSVGRect {rect} at (212,411.85) size 198x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker1_hueGradient"]}] [x=212.00] [y=411.85] [width=198.00] [height=7.50]
74 LayoutSVGPath {line} at (159,318) size 168x13 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=212.00] [y1=415.60] [x2=410.00] [y2 =415.60] 74 LayoutSVGPath {line} at (212,415.60) size 198x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=212.00] [y1=415.60] [x2=410.00] [ y2=415.60]
75 LayoutSVGPath {line} at (0,0) size 0x0 [x1=212.00] [y1=415.60] [x2=410.0 0] [y2=415.60] 75 LayoutSVGPath {line} at (212,415.60) size 198x0 [x1=212.00] [y1=415.60] [x2=410.00] [y2=415.60]
76 LayoutSVGContainer {use} at (215,316) size 5x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(278.00,415.60)}] 76 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(278.00,415.60)}]
77 LayoutSVGViewportContainer {svg} at (215,316) size 5x17 77 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
78 LayoutSVGPath {line} at (215,316) size 5x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 78 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
79 LayoutSVGText {text} at (416,408) size 73x16 contains 1 chunk(s) 79 LayoutSVGText {text} at (416,408.58) size 72.95x15.36 contains 1 chunk(s )
80 LayoutSVGInlineText {#text} at (0,0) size 73x16 80 LayoutSVGInlineText {#text} at (416,408.58) size 72.95x15.36
81 chunk 1 text run 1 at (416.00,420.10) startOffset 0 endOffset 13 wid th 72.96: "Hue (0\x{B0}-360\x{B0})" 81 chunk 1 text run 1 at (416.00,420.10) startOffset 0 endOffset 13 wid th 72.96: "Hue (0\x{B0}-360\x{B0})"
82 LayoutSVGRect {rect} at (186,351) size 42x35 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.70] [stroke width=7.50]}] [x=242.00] [y=454.00] [width=45. 00] [height=36.00] 82 LayoutSVGRect {rect} at (242,454) size 45x36 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.70] [stroke width=7.50]}] [x=242.00] [y=454.00] [width=45. 00] [height=36.00]
83 LayoutSVGRect {rect} at (165,340) size 36x29 [fill={[type=SOLID] [color= #00FF00]}] [x=212.00] [y=436.00] [width=45.00] [height=36.00] 83 LayoutSVGRect {rect} at (212,436) size 45x36 [fill={[type=SOLID] [color= #00FF00]}] [x=212.00] [y=436.00] [width=45.00] [height=36.00]
84 LayoutSVGRect {rect} at (235,340) size 86x7 [fill={[type=LINEAR-GRADIENT ] [id="colourPicker1_satGradient"]}] [x=302.00] [y=435.85] [width=108.00] [heigh t=7.50] 84 LayoutSVGRect {rect} at (302,435.85) size 108x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker1_satGradient"]}] [x=302.00] [y=435.85] [width=108.00] [height=7.50]
85 LayoutSVGPath {line} at (230,337) size 97x13 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=439.60] [x2=410.00] [y2= 439.60] 85 LayoutSVGPath {line} at (302,439.60) size 108x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=439.60] [x2=410.00] [ y2=439.60]
86 LayoutSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=439.60] [x2=410.0 0] [y2=439.60] 86 LayoutSVGPath {line} at (302,439.60) size 108x0 [x1=302.00] [y1=439.60] [x2=410.00] [y2=439.60]
87 LayoutSVGContainer {use} at (318,335) size 5x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(410.00,439.60)}] 87 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(410.00,439.60)}]
88 LayoutSVGViewportContainer {svg} at (318,335) size 5x17 88 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
89 LayoutSVGPath {line} at (318,335) size 5x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 89 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
90 LayoutSVGText {text} at (416,432) size 76x16 contains 1 chunk(s) 90 LayoutSVGText {text} at (416,432.58) size 75.52x15.36 contains 1 chunk(s )
91 LayoutSVGInlineText {#text} at (0,0) size 76x16 91 LayoutSVGInlineText {#text} at (416,432.58) size 75.52x15.36
92 chunk 1 text run 1 at (416.00,444.10) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)" 92 chunk 1 text run 1 at (416.00,444.10) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)"
93 LayoutSVGRect {rect} at (235,359) size 86x7 [fill={[type=LINEAR-GRADIENT ] [id="colourPicker1_valGradient"]}] [x=302.00] [y=459.85] [width=108.00] [heigh t=7.50] 93 LayoutSVGRect {rect} at (302,459.85) size 108x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker1_valGradient"]}] [x=302.00] [y=459.85] [width=108.00] [height=7.50]
94 LayoutSVGPath {line} at (230,356) size 97x13 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=463.60] [x2=410.00] [y2= 463.60] 94 LayoutSVGPath {line} at (302,463.60) size 108x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=463.60] [x2=410.00] [ y2=463.60]
95 LayoutSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=463.60] [x2=410.0 0] [y2=463.60] 95 LayoutSVGPath {line} at (302,463.60) size 108x0 [x1=302.00] [y1=463.60] [x2=410.00] [y2=463.60]
96 LayoutSVGContainer {use} at (318,354) size 5x16 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(410.00,463.60)}] 96 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(410.00,463.60)}]
97 LayoutSVGViewportContainer {svg} at (318,354) size 5x16 97 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
98 LayoutSVGPath {line} at (318,354) size 5x16 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 98 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
99 LayoutSVGText {text} at (414,456) size 53x16 contains 1 chunk(s) 99 LayoutSVGText {text} at (414.72,456.58) size 51.58x15.36 contains 1 chun k(s)
100 LayoutSVGInlineText {#text} at (0,0) size 52x16 100 LayoutSVGInlineText {#text} at (414.72,456.58) size 51.58x15.36
101 chunk 1 text run 1 at (416.00,468.10) startOffset 0 endOffset 9 widt h 50.31: "Value (%)" 101 chunk 1 text run 1 at (416.00,468.10) startOffset 0 endOffset 9 widt h 50.31: "Value (%)"
102 LayoutSVGRect {rect} at (235,378) size 86x6 [fill={[type=LINEAR-GRADIENT ] [id="colourPicker1_alphaGradient"]}] [x=302.00] [y=483.85] [width=108.00] [hei ght=7.50] 102 LayoutSVGRect {rect} at (302,483.85) size 108x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker1_alphaGradient"]}] [x=302.00] [y=483.85] [width=108.0 0] [height=7.50]
103 LayoutSVGPath {line} at (230,375) size 97x12 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=487.60] [x2=410.00] [y2= 487.60] 103 LayoutSVGPath {line} at (302,487.60) size 108x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=302.00] [y1=487.60] [x2=410.00] [ y2=487.60]
104 LayoutSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=487.60] [x2=410.0 0] [y2=487.60] 104 LayoutSVGPath {line} at (302,487.60) size 108x0 [x1=302.00] [y1=487.60] [x2=410.00] [y2=487.60]
105 LayoutSVGContainer {use} at (318,373) size 5x16 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(410.00,487.60)}] 105 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(410.00,487.60)}]
106 LayoutSVGViewportContainer {svg} at (318,373) size 5x16 106 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
107 LayoutSVGPath {line} at (318,373) size 5x16 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 107 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
108 LayoutSVGText {text} at (416,480) size 64x16 contains 1 chunk(s) 108 LayoutSVGText {text} at (416,480.58) size 64x15.36 contains 1 chunk(s)
109 LayoutSVGInlineText {#text} at (0,0) size 64x16 109 LayoutSVGInlineText {#text} at (416,480.58) size 64x15.36
110 chunk 1 text run 1 at (416.00,492.10) startOffset 0 endOffset 11 wid th 64.00: "Opacity (%)" 110 chunk 1 text run 1 at (416.00,492.10) startOffset 0 endOffset 11 wid th 64.00: "Opacity (%)"
111 LayoutSVGText {text} at (212,502) size 239x16 contains 1 chunk(s) 111 LayoutSVGText {text} at (212,502.48) size 238.47x15.36 contains 1 chunk( s)
112 LayoutSVGInlineText {#text} at (0,0) size 239x16 112 LayoutSVGInlineText {#text} at (212,502.48) size 238.47x15.36
113 chunk 1 text run 1 at (212.00,514.00) startOffset 0 endOffset 40 wid th 238.47: "RGBA: 0,255,0,100; HSVA: 120,100,100,100" 113 chunk 1 text run 1 at (212.00,514.00) startOffset 0 endOffset 40 wid th 238.47: "RGBA: 0,255,0,100; HSVA: 120,100,100,100"
114 LayoutSVGContainer {g} at (390,156) size 235x79 114 LayoutSVGContainer {g} at (500,200) size 300x100
115 LayoutSVGRect {rect} at (390,156) size 235x79 [fill={[type=SOLID] [color =#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=100.00] 115 LayoutSVGRect {rect} at (500,200) size 300x100 [fill={[type=SOLID] [colo r=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=100.00]
116 LayoutSVGRect {rect} at (400,163) size 155x7 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker3_hueGradient"]}] [x=512.00] [y=209.25] [width=198.00] [heig ht=7.50] 116 LayoutSVGRect {rect} at (512,209.25) size 198x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker3_hueGradient"]}] [x=512.00] [y=209.25] [width=198.00] [height=7.50]
117 LayoutSVGPath {line} at (394,160) size 167x13 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=213.00] [x2=710.00] [y2 =213.00] 117 LayoutSVGPath {line} at (512,213) size 198x0 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=213.00] [x2=710.00] [y2= 213.00]
118 LayoutSVGPath {line} at (0,0) size 0x0 [x1=512.00] [y1=213.00] [x2=710.0 0] [y2=213.00] 118 LayoutSVGPath {line} at (512,213) size 198x0 [x1=512.00] [y1=213.00] [x2 =710.00] [y2=213.00]
119 LayoutSVGContainer {use} at (398,158) size 4x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(512.00,213.00)}] 119 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(512.00,213.00)}]
120 LayoutSVGViewportContainer {svg} at (398,158) size 4x17 120 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
121 LayoutSVGPath {line} at (398,158) size 4x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 121 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
122 LayoutSVGText {text} at (716,205) size 73x17 contains 1 chunk(s) 122 LayoutSVGText {text} at (716,205.98) size 72.95x15.36 contains 1 chunk(s )
123 LayoutSVGInlineText {#text} at (0,0) size 73x16 123 LayoutSVGInlineText {#text} at (716,205.98) size 72.95x15.36
124 chunk 1 text run 1 at (716.00,217.50) startOffset 0 endOffset 13 wid th 72.96: "Hue (0\x{B0}-180\x{B0})" 124 chunk 1 text run 1 at (716.00,217.50) startOffset 0 endOffset 13 wid th 72.96: "Hue (0\x{B0}-180\x{B0})"
125 LayoutSVGRect {rect} at (420,188) size 42x30 [stroke={[type=SOLID] [colo r=#787878] [stroke width=7.50]}] [x=542.00] [y=245.00] [width=45.00] [height=30. 00] 125 LayoutSVGRect {rect} at (542,245) size 45x30 [stroke={[type=SOLID] [colo r=#787878] [stroke width=7.50]}] [x=542.00] [y=245.00] [width=45.00] [height=30. 00]
126 LayoutSVGRect {rect} at (400,179) size 36x25 [fill={[type=SOLID] [color= #FF0000]}] [x=512.00] [y=230.00] [width=45.00] [height=30.00] 126 LayoutSVGRect {rect} at (512,230) size 45x30 [fill={[type=SOLID] [color= #FF0000]}] [x=512.00] [y=230.00] [width=45.00] [height=30.00]
127 LayoutSVGRect {rect} at (470,184) size 85x7 [fill={[type=LINEAR-GRADIENT ] [id="colourPicker3_satGradient"]}] [x=602.00] [y=235.92] [width=108.00] [heigh t=7.50] 127 LayoutSVGRect {rect} at (602,235.92) size 108x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker3_satGradient"]}] [x=602.00] [y=235.92] [width=108.00] [height=7.50]
128 LayoutSVGPath {line} at (464,181) size 97x13 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=602.00] [y1=239.67] [x2=710.00] [y2= 239.67] 128 LayoutSVGPath {line} at (602,239.67) size 108x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=602.00] [y1=239.67] [x2=710.00] [ y2=239.67]
129 LayoutSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=239.67] [x2=710.0 0] [y2=239.67] 129 LayoutSVGPath {line} at (602,239.67) size 108x0 [x1=602.00] [y1=239.67] [x2=710.00] [y2=239.67]
130 LayoutSVGContainer {use} at (552,179) size 5x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(710.00,239.67)}] 130 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(710.00,239.67)}]
131 LayoutSVGViewportContainer {svg} at (552,179) size 5x17 131 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
132 LayoutSVGPath {line} at (552,179) size 5x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 132 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
133 LayoutSVGText {text} at (716,232) size 76x16 contains 1 chunk(s) 133 LayoutSVGText {text} at (716,232.64) size 75.52x15.36 contains 1 chunk(s )
134 LayoutSVGInlineText {#text} at (0,0) size 76x16 134 LayoutSVGInlineText {#text} at (716,232.64) size 75.52x15.36
135 chunk 1 text run 1 at (716.00,244.17) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)" 135 chunk 1 text run 1 at (716.00,244.17) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)"
136 LayoutSVGRect {rect} at (470,205) size 85x7 [fill={[type=LINEAR-GRADIENT ] [id="colourPicker3_valGradient"]}] [x=602.00] [y=262.58] [width=108.00] [heigh t=7.50] 136 LayoutSVGRect {rect} at (602,262.58) size 108x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker3_valGradient"]}] [x=602.00] [y=262.58] [width=108.00] [height=7.50]
137 LayoutSVGPath {line} at (464,202) size 97x12 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=602.00] [y1=266.33] [x2=710.00] [y2= 266.33] 137 LayoutSVGPath {line} at (602,266.33) size 108x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=602.00] [y1=266.33] [x2=710.00] [ y2=266.33]
138 LayoutSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=266.33] [x2=710.0 0] [y2=266.33] 138 LayoutSVGPath {line} at (602,266.33) size 108x0 [x1=602.00] [y1=266.33] [x2=710.00] [y2=266.33]
139 LayoutSVGContainer {use} at (552,200) size 5x16 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(710.00,266.33)}] 139 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(710.00,266.33)}]
140 LayoutSVGViewportContainer {svg} at (552,200) size 5x16 140 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
141 LayoutSVGPath {line} at (552,200) size 5x16 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 141 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
142 LayoutSVGText {text} at (714,259) size 53x16 contains 1 chunk(s) 142 LayoutSVGText {text} at (714.72,259.31) size 51.58x15.36 contains 1 chun k(s)
143 LayoutSVGInlineText {#text} at (0,0) size 52x16 143 LayoutSVGInlineText {#text} at (714.72,259.31) size 51.58x15.36
144 chunk 1 text run 1 at (716.00,270.83) startOffset 0 endOffset 9 widt h 50.31: "Value (%)" 144 chunk 1 text run 1 at (716.00,270.83) startOffset 0 endOffset 9 widt h 50.31: "Value (%)"
145 LayoutSVGText {text} at (512,283) size 226x16 contains 1 chunk(s) 145 LayoutSVGText {text} at (512,283.48) size 225.66x15.36 contains 1 chunk( s)
146 LayoutSVGInlineText {#text} at (0,0) size 226x16 146 LayoutSVGInlineText {#text} at (512,283.48) size 225.66x15.36
147 chunk 1 text run 1 at (512.00,295.00) startOffset 0 endOffset 38 wid th 225.67: "RGBA: 255,0,0,100; HSVA: 0,100,100,100" 147 chunk 1 text run 1 at (512.00,295.00) startOffset 0 endOffset 38 wid th 225.67: "RGBA: 255,0,0,100; HSVA: 0,100,100,100"
148 LayoutSVGContainer {g} at (546,390) size 236x95 148 LayoutSVGContainer {g} at (700,500) size 300x120
149 LayoutSVGRect {rect} at (546,390) size 236x95 [fill={[type=SOLID] [color =#DCDCDC]}] [x=700.00] [y=500.00] [width=300.00] [height=120.00] 149 LayoutSVGRect {rect} at (700,500) size 300x120 [fill={[type=SOLID] [colo r=#DCDCDC]}] [x=700.00] [y=500.00] [width=300.00] [height=120.00]
150 LayoutSVGRect {rect} at (556,399) size 155x7 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker4_hueGradient"]}] [x=712.00] [y=511.85] [width=198.00] [heig ht=7.50] 150 LayoutSVGRect {rect} at (712,511.85) size 198x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker4_hueGradient"]}] [x=712.00] [y=511.85] [width=198.00] [height=7.50]
151 LayoutSVGPath {line} at (550,396) size 167x13 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=712.00] [y1=515.60] [x2=910.00] [y2 =515.60] 151 LayoutSVGPath {line} at (712,515.60) size 198x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=712.00] [y1=515.60] [x2=910.00] [ y2=515.60]
152 LayoutSVGPath {line} at (0,0) size 0x0 [x1=712.00] [y1=515.60] [x2=910.0 0] [y2=515.60] 152 LayoutSVGPath {line} at (712,515.60) size 198x0 [x1=712.00] [y1=515.60] [x2=910.00] [y2=515.60]
153 LayoutSVGContainer {use} at (554,394) size 5x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(712.00,515.60)}] 153 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(712.00,515.60)}]
154 LayoutSVGViewportContainer {svg} at (554,394) size 5x17 154 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
155 LayoutSVGPath {line} at (554,394) size 5x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 155 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
156 LayoutSVGText {text} at (916,508) size 73x16 contains 1 chunk(s) 156 LayoutSVGText {text} at (916,508.58) size 72.95x15.36 contains 1 chunk(s )
157 LayoutSVGInlineText {#text} at (0,0) size 73x16 157 LayoutSVGInlineText {#text} at (916,508.58) size 72.95x15.36
158 chunk 1 text run 1 at (916.00,520.10) startOffset 0 endOffset 13 wid th 72.96: "Hue (0\x{B0}-360\x{B0})" 158 chunk 1 text run 1 at (916.00,520.10) startOffset 0 endOffset 13 wid th 72.96: "Hue (0\x{B0}-360\x{B0})"
159 LayoutSVGRect {rect} at (553,415) size 42x35 [stroke={[type=SOLID] [colo r=#787878] [stroke width=7.50]}] [x=712.00] [y=536.00] [width=45.00] [height=36. 00] 159 LayoutSVGRect {rect} at (712,536) size 45x36 [stroke={[type=SOLID] [colo r=#787878] [stroke width=7.50]}] [x=712.00] [y=536.00] [width=45.00] [height=36. 00]
160 LayoutSVGRect {rect} at (603,418) size 108x7 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker4_satGradient"]}] [x=772.00] [y=535.85] [width=138.00] [heig ht=7.50] 160 LayoutSVGRect {rect} at (772,535.85) size 138x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker4_satGradient"]}] [x=772.00] [y=535.85] [width=138.00] [height=7.50]
161 LayoutSVGPath {line} at (597,415) size 120x13 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=539.60] [x2=910.00] [y2 =539.60] 161 LayoutSVGPath {line} at (772,539.60) size 138x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=539.60] [x2=910.00] [ y2=539.60]
162 LayoutSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=539.60] [x2=910.0 0] [y2=539.60] 162 LayoutSVGPath {line} at (772,539.60) size 138x0 [x1=772.00] [y1=539.60] [x2=910.00] [y2=539.60]
163 LayoutSVGContainer {use} at (601,413) size 5x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(772.00,539.60)}] 163 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(772.00,539.60)}]
164 LayoutSVGViewportContainer {svg} at (601,413) size 5x17 164 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
165 LayoutSVGPath {line} at (601,413) size 5x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 165 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
166 LayoutSVGText {text} at (916,532) size 76x16 contains 1 chunk(s) 166 LayoutSVGText {text} at (916,532.58) size 75.52x15.36 contains 1 chunk(s )
167 LayoutSVGInlineText {#text} at (0,0) size 76x16 167 LayoutSVGInlineText {#text} at (916,532.58) size 75.52x15.36
168 chunk 1 text run 1 at (916.00,544.10) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)" 168 chunk 1 text run 1 at (916.00,544.10) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)"
169 LayoutSVGRect {rect} at (603,437) size 108x7 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker4_valGradient"]}] [x=772.00] [y=559.85] [width=138.00] [heig ht=7.50] 169 LayoutSVGRect {rect} at (772,559.85) size 138x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker4_valGradient"]}] [x=772.00] [y=559.85] [width=138.00] [height=7.50]
170 LayoutSVGPath {line} at (597,434) size 120x13 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=563.60] [x2=910.00] [y2 =563.60] 170 LayoutSVGPath {line} at (772,563.60) size 138x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=563.60] [x2=910.00] [ y2=563.60]
171 LayoutSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=563.60] [x2=910.0 0] [y2=563.60] 171 LayoutSVGPath {line} at (772,563.60) size 138x0 [x1=772.00] [y1=563.60] [x2=910.00] [y2=563.60]
172 LayoutSVGContainer {use} at (651,432) size 5x17 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(836.86,563.60)}] 172 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(836.86,563.60)}]
173 LayoutSVGViewportContainer {svg} at (651,432) size 5x17 173 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
174 LayoutSVGPath {line} at (651,432) size 5x17 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 174 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
175 LayoutSVGText {text} at (914,556) size 53x16 contains 1 chunk(s) 175 LayoutSVGText {text} at (914.72,556.58) size 51.58x15.36 contains 1 chun k(s)
176 LayoutSVGInlineText {#text} at (0,0) size 52x16 176 LayoutSVGInlineText {#text} at (914.72,556.58) size 51.58x15.36
177 chunk 1 text run 1 at (916.00,568.10) startOffset 0 endOffset 9 widt h 50.31: "Value (%)" 177 chunk 1 text run 1 at (916.00,568.10) startOffset 0 endOffset 9 widt h 50.31: "Value (%)"
178 LayoutSVGRect {rect} at (603,456) size 108x6 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker4_alphaGradient"]}] [x=772.00] [y=583.85] [width=138.00] [he ight=7.50] 178 LayoutSVGRect {rect} at (772,583.85) size 138x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker4_alphaGradient"]}] [x=772.00] [y=583.85] [width=138.0 0] [height=7.50]
179 LayoutSVGPath {line} at (597,453) size 120x12 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=587.60] [x2=910.00] [y2 =587.60] 179 LayoutSVGPath {line} at (772,587.60) size 138x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=772.00] [y1=587.60] [x2=910.00] [ y2=587.60]
180 LayoutSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=587.60] [x2=910.0 0] [y2=587.60] 180 LayoutSVGPath {line} at (772,587.60) size 138x0 [x1=772.00] [y1=587.60] [x2=910.00] [y2=587.60]
181 LayoutSVGContainer {use} at (708,451) size 5x16 [transform={m=((1.00,0.0 0)(0.00,1.00)) t=(910.00,587.60)}] 181 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(910.00,587.60)}]
182 LayoutSVGViewportContainer {svg} at (708,451) size 5x16 182 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
183 LayoutSVGPath {line} at (708,451) size 5x16 [stroke={[type=SOLID] [c olor=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0. 00] [y1=-10.00] [x2=0.00] [y2=10.00] 183 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
184 LayoutSVGText {text} at (916,580) size 64x16 contains 1 chunk(s) 184 LayoutSVGText {text} at (916,580.58) size 64x15.36 contains 1 chunk(s)
185 LayoutSVGInlineText {#text} at (0,0) size 64x16 185 LayoutSVGInlineText {#text} at (916,580.58) size 64x15.36
186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 wid th 64.00: "Opacity (%)" 186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 wid th 64.00: "Opacity (%)"
187 LayoutSVGText {text} at (712,602) size 233x16 contains 1 chunk(s) 187 LayoutSVGText {text} at (712,602.48) size 232.06x15.36 contains 1 chunk( s)
188 LayoutSVGInlineText {#text} at (0,0) size 233x16 188 LayoutSVGInlineText {#text} at (712,602.48) size 232.06x15.36
189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 wid th 232.07: "RGBA: 120,120,120,100; HSVA: 0,0,47,100" 189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 wid th 232.07: "RGBA: 120,120,120,100; HSVA: 0,0,47,100"
190 LayoutSVGContainer {g} at (81,63) size 270x270 [transform={m=((0.71,0.71)(-0 .71,0.71)) t=(0.00,-400.00)}] 190 LayoutSVGContainer {g} at (490,190) size 335.11x153.03 [transform={m=((0.71, 0.71)(-0.71,0.71)) t=(0.00,-400.00)}]
191 LayoutSVGRect {rect} at (104,63) size 239x238 [fill={[type=SOLID] [color=# 00FFFF] [opacity=0.50]}] [x=490.00] [y=190.00] [width=320.00] [height=110.00] 191 LayoutSVGRect {rect} at (490,190) size 320x110 [fill={[type=SOLID] [color= #00FFFF] [opacity=0.50]}] [x=490.00] [y=190.00] [width=320.00] [height=110.00]
192 LayoutSVGText {text} at (500,303) size 326x41 contains 1 chunk(s) 192 LayoutSVGText {text} at (500,303.38) size 325.11x39.66 contains 1 chunk(s)
193 LayoutSVGInlineText {#text} at (0,0) size 306x21 193 LayoutSVGInlineText {#text} at (500,303.38) size 305.91x20.47
194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width 305.92: "This colourPicker has a callBack function" 194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width 305.92: "This colourPicker has a callBack function"
195 LayoutSVGTSpan {tspan} at (0,0) size 326x21 195 LayoutSVGTSpan {tspan} at (0,0) size 326x21
196 LayoutSVGInlineText {#text} at (0,19) size 326x21 196 LayoutSVGInlineText {#text} at (500,322.56) size 325.11x20.47
197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid th 325.12: "attached that changes the background color" 197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid th 325.12: "attached that changes the background color"
198 LayoutSVGContainer {g} at (116,74) size 216x216 198 LayoutSVGContainer {g} at (500,200) size 300x90
199 LayoutSVGRect {rect} at (116,74) size 216x216 [fill={[type=SOLID] [color =#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00] 199 LayoutSVGRect {rect} at (500,200) size 300x90 [fill={[type=SOLID] [color =#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00]
200 LayoutSVGRect {rect} at (163,85) size 115x114 [fill={[type=LINEAR-GRADIE NT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00] [hei ght=7.50] 200 LayoutSVGRect {rect} at (512,207.95) size 198x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00] [height=7.50]
201 LayoutSVGPath {line} at (157,79) size 127x126 [stroke={[type=SOLID] [col or=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type =SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=211.70] [x2=710.00] [y2 =211.70] 201 LayoutSVGPath {line} at (512,211.70) size 198x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=211.70] [x2=710.00] [ y2=211.70]
202 LayoutSVGPath {line} at (165,87) size 111x110 [x1=512.00] [y1=211.70] [x 2=710.00] [y2=211.70] 202 LayoutSVGPath {line} at (512,211.70) size 198x0 [x1=512.00] [y1=211.70] [x2=710.00] [y2=211.70]
203 LayoutSVGContainer {use} at (224,146) size 15x14 [transform={m=((1.00,0. 00)(0.00,1.00)) t=(630.80,211.70)}] 203 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(630.80,211.70)}]
204 LayoutSVGViewportContainer {svg} at (224,146) size 15x14 204 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
205 LayoutSVGPath {line} at (224,146) size 15x14 [stroke={[type=SOLID] [ color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0 .00] [y1=-10.00] [x2=0.00] [y2=10.00] 205 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
206 LayoutSVGText {text} at (716,204) size 80x17 contains 1 chunk(s) 206 LayoutSVGText {text} at (716,204.67) size 79.36x15.36 contains 1 chunk(s )
207 LayoutSVGInlineText {#text} at (0,0) size 80x16 207 LayoutSVGInlineText {#text} at (716,204.67) size 79.36x15.36
208 chunk 1 text run 1 at (716.00,216.20) startOffset 0 endOffset 14 wid th 79.36: "Hue (90\x{B0}-240\x{B0})" 208 chunk 1 text run 1 at (716.00,216.20) startOffset 0 endOffset 14 wid th 79.36: "Hue (90\x{B0}-240\x{B0})"
209 LayoutSVGRect {rect} at (142,95) size 41x41 [fill={[type=SOLID] [color=# 00FFFF] [opacity=0.50]}] [x=512.00] [y=227.00] [width=45.00] [height=27.00] 209 LayoutSVGRect {rect} at (512,227) size 45x27 [fill={[type=SOLID] [color= #00FFFF] [opacity=0.50]}] [x=512.00] [y=227.00] [width=45.00] [height=27.00]
210 LayoutSVGRect {rect} at (183,131) size 82x82 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker2_satGradient"]}] [x=572.00] [y=231.95] [width=138.00] [heig ht=7.50] 210 LayoutSVGRect {rect} at (572,231.95) size 138x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker2_satGradient"]}] [x=572.00] [y=231.95] [width=138.00] [height=7.50]
211 LayoutSVGPath {line} at (177,125) size 94x94 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=572.00] [y1=235.70] [x2=710.00] [y2= 235.70] 211 LayoutSVGPath {line} at (572,235.70) size 138x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=572.00] [y1=235.70] [x2=710.00] [ y2=235.70]
212 LayoutSVGPath {line} at (185,133) size 78x77 [x1=572.00] [y1=235.70] [x2 =710.00] [y2=235.70] 212 LayoutSVGPath {line} at (572,235.70) size 138x0 [x1=572.00] [y1=235.70] [x2=710.00] [y2=235.70]
213 LayoutSVGContainer {use} at (255,203) size 14x14 [transform={m=((1.00,0. 00)(0.00,1.00)) t=(710.00,235.70)}] 213 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(710.00,235.70)}]
214 LayoutSVGViewportContainer {svg} at (255,203) size 14x14 214 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
215 LayoutSVGPath {line} at (255,203) size 14x14 [stroke={[type=SOLID] [ color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0 .00] [y1=-10.00] [x2=0.00] [y2=10.00] 215 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
216 LayoutSVGText {text} at (716,228) size 76x17 contains 1 chunk(s) 216 LayoutSVGText {text} at (716,228.67) size 75.52x15.36 contains 1 chunk(s )
217 LayoutSVGInlineText {#text} at (0,0) size 76x16 217 LayoutSVGInlineText {#text} at (716,228.67) size 75.52x15.36
218 chunk 1 text run 1 at (716.00,240.20) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)" 218 chunk 1 text run 1 at (716.00,240.20) startOffset 0 endOffset 14 wid th 75.52: "Saturation (%)"
219 LayoutSVGRect {rect} at (170,144) size 81x82 [fill={[type=LINEAR-GRADIEN T] [id="colourPicker2_alphaGradient"]}] [x=572.00] [y=255.95] [width=138.00] [he ight=7.50] 219 LayoutSVGRect {rect} at (572,255.95) size 138x7.50 [fill={[type=LINEAR-G RADIENT] [id="colourPicker2_alphaGradient"]}] [x=572.00] [y=255.95] [width=138.0 0] [height=7.50]
220 LayoutSVGPath {line} at (164,138) size 94x94 [stroke={[type=SOLID] [colo r=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[type= SOLID] [color=#000000] [opacity=0.00]}] [x1=572.00] [y1=259.70] [x2=710.00] [y2= 259.70] 220 LayoutSVGPath {line} at (572,259.70) size 138x0 [stroke={[type=SOLID] [c olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=572.00] [y1=259.70] [x2=710.00] [ y2=259.70]
221 LayoutSVGPath {line} at (172,146) size 77x78 [x1=572.00] [y1=259.70] [x2 =710.00] [y2=259.70] 221 LayoutSVGPath {line} at (572,259.70) size 138x0 [x1=572.00] [y1=259.70] [x2=710.00] [y2=259.70]
222 LayoutSVGContainer {use} at (203,178) size 15x14 [transform={m=((1.00,0. 00)(0.00,1.00)) t=(641.00,259.70)}] 222 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00) (0.00,1.00)) t=(641.00,259.70)}]
223 LayoutSVGViewportContainer {svg} at (203,178) size 15x14 223 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20
224 LayoutSVGPath {line} at (203,178) size 15x14 [stroke={[type=SOLID] [ color=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0 .00] [y1=-10.00] [x2=0.00] [y2=10.00] 224 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00 ] [y1=-10.00] [x2=0.00] [y2=10.00]
225 LayoutSVGText {text} at (716,252) size 64x17 contains 1 chunk(s) 225 LayoutSVGText {text} at (716,252.67) size 64x15.36 contains 1 chunk(s)
226 LayoutSVGInlineText {#text} at (0,0) size 64x16 226 LayoutSVGInlineText {#text} at (716,252.67) size 64x15.36
227 chunk 1 text run 1 at (716.00,264.20) startOffset 0 endOffset 11 wid th 64.00: "Opacity (%)" 227 chunk 1 text run 1 at (716.00,264.20) startOffset 0 endOffset 11 wid th 64.00: "Opacity (%)"
228 LayoutSVGText {text} at (512,273) size 239x17 contains 1 chunk(s) 228 LayoutSVGText {text} at (512,273.98) size 238.47x15.36 contains 1 chunk( s)
229 LayoutSVGInlineText {#text} at (0,0) size 239x16 229 LayoutSVGInlineText {#text} at (512,273.98) size 238.47x15.36
230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 wid th 238.47: "RGBA: 0,255,255,50; HSVA: 180,100,100,50" 230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 wid th 238.47: "RGBA: 0,255,255,50; HSVA: 180,100,100,50"
231 LayoutSVGContainer {g} at (389,132) size 288x274 231 LayoutSVGContainer {g} at (499,169) size 367x350
232 LayoutSVGContainer {g} at (397,344) size 89x18 232 LayoutSVGContainer {g} at (509,441) size 112x22
233 LayoutSVGRect {rect} at (397,344) size 87x17 [fill={[type=SOLID] [color= #FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00] 233 LayoutSVGRect {rect} at (509,441) size 110x20 [fill={[type=SOLID] [color =#FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00]
234 LayoutSVGRect {rect} at (399,346) size 87x16 [fill={[type=SOLID] [color= #696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00] 234 LayoutSVGRect {rect} at (511,443) size 110x20 [fill={[type=SOLID] [color =#696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00]
235 LayoutSVGRect {rect} at (398,345) size 87x16 [fill={[type=SOLID] [color= #DCDCDC]}] [x=510.00] [y=442.00] [width=110.00] [height=20.00] 235 LayoutSVGRect {rect} at (510,442) size 110x20 [fill={[type=SOLID] [color =#DCDCDC]}] [x=510.00] [y=442.00] [width=110.00] [height=20.00]
236 LayoutSVGText {text} at (517,445) size 96x17 contains 1 chunk(s) 236 LayoutSVGText {text} at (517,445.88) size 96x15.36 contains 1 chunk(s)
237 LayoutSVGTSpan {tspan} at (0,0) size 96x16 237 LayoutSVGTSpan {tspan} at (0,0) size 96x16
238 LayoutSVGInlineText {#text} at (0,0) size 96x16 238 LayoutSVGInlineText {#text} at (517,445.88) size 96x15.36
239 chunk 1 (middle anchor) text run 1 at (517.00,457.40) startOffset 0 endOffset 17 width 96.00: "Hide ColourPicker" 239 chunk 1 (middle anchor) text run 1 at (517.00,457.40) startOffset 0 endOffset 17 width 96.00: "Hide ColourPicker"
240 LayoutSVGContainer {g} at (397,366) size 89x18 240 LayoutSVGContainer {g} at (509,469) size 112x22
241 LayoutSVGRect {rect} at (397,366) size 87x17 [fill={[type=SOLID] [color= #FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00] 241 LayoutSVGRect {rect} at (509,469) size 110x20 [fill={[type=SOLID] [color =#FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00]
242 LayoutSVGRect {rect} at (399,367) size 87x17 [fill={[type=SOLID] [color= #696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00] 242 LayoutSVGRect {rect} at (511,471) size 110x20 [fill={[type=SOLID] [color =#696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00]
243 LayoutSVGRect {rect} at (398,367) size 87x16 [fill={[type=SOLID] [color= #DCDCDC]}] [x=510.00] [y=470.00] [width=110.00] [height=20.00] 243 LayoutSVGRect {rect} at (510,470) size 110x20 [fill={[type=SOLID] [color =#DCDCDC]}] [x=510.00] [y=470.00] [width=110.00] [height=20.00]
244 LayoutSVGText {text} at (522,473) size 86x17 contains 1 chunk(s) 244 LayoutSVGText {text} at (522.11,473.88) size 85.75x15.36 contains 1 chun k(s)
245 LayoutSVGTSpan {tspan} at (0,0) size 86x16 245 LayoutSVGTSpan {tspan} at (0,0) size 86x16
246 LayoutSVGInlineText {#text} at (0,0) size 86x16 246 LayoutSVGInlineText {#text} at (522.11,473.88) size 85.75x15.36
247 chunk 1 (middle anchor) text run 1 at (522.12,485.40) startOffset 0 endOffset 15 width 85.76: "Set Random Fill" 247 chunk 1 (middle anchor) text run 1 at (522.12,485.40) startOffset 0 endOffset 15 width 85.76: "Set Random Fill"
248 LayoutSVGContainer {g} at (397,388) size 89x18 248 LayoutSVGContainer {g} at (509,497) size 112x22
249 LayoutSVGRect {rect} at (397,388) size 87x16 [fill={[type=SOLID] [color= #FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00] 249 LayoutSVGRect {rect} at (509,497) size 110x20 [fill={[type=SOLID] [color =#FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00]
250 LayoutSVGRect {rect} at (399,389) size 87x17 [fill={[type=SOLID] [color= #696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00] 250 LayoutSVGRect {rect} at (511,499) size 110x20 [fill={[type=SOLID] [color =#696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00]
251 LayoutSVGRect {rect} at (398,389) size 87x16 [fill={[type=SOLID] [color= #DCDCDC]}] [x=510.00] [y=498.00] [width=110.00] [height=20.00] 251 LayoutSVGRect {rect} at (510,498) size 110x20 [fill={[type=SOLID] [color =#DCDCDC]}] [x=510.00] [y=498.00] [width=110.00] [height=20.00]
252 LayoutSVGText {text} at (512,501) size 106x17 contains 1 chunk(s) 252 LayoutSVGText {text} at (512.52,501.88) size 104.95x15.36 contains 1 chu nk(s)
253 LayoutSVGTSpan {tspan} at (0,0) size 105x16 253 LayoutSVGTSpan {tspan} at (0,0) size 105x16
254 LayoutSVGInlineText {#text} at (0,0) size 105x16 254 LayoutSVGInlineText {#text} at (512.52,501.88) size 104.95x15.36
255 chunk 1 (middle anchor) text run 1 at (512.52,513.40) startOffset 0 endOffset 17 width 104.96: "Set Random Stroke" 255 chunk 1 (middle anchor) text run 1 at (512.52,513.40) startOffset 0 endOffset 17 width 104.96: "Set Random Stroke"
256 LayoutSVGContainer {g} at (389,132) size 144x18 256 LayoutSVGContainer {g} at (499,169) size 182x22
257 LayoutSVGRect {rect} at (389,132) size 142x16 [fill={[type=SOLID] [color =#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00] 257 LayoutSVGRect {rect} at (499,169) size 180x20 [fill={[type=SOLID] [color =#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00]
258 LayoutSVGRect {rect} at (391,133) size 142x17 [fill={[type=SOLID] [color =#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00] 258 LayoutSVGRect {rect} at (501,171) size 180x20 [fill={[type=SOLID] [color =#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00]
259 LayoutSVGRect {rect} at (390,132) size 142x17 [fill={[type=SOLID] [color =#DCDCDC]}] [x=500.00] [y=170.00] [width=180.00] [height=20.00] 259 LayoutSVGRect {rect} at (500,170) size 180x20 [fill={[type=SOLID] [color =#DCDCDC]}] [x=500.00] [y=170.00] [width=180.00] [height=20.00]
260 LayoutSVGText {text} at (504,173) size 172x17 contains 1 chunk(s) 260 LayoutSVGText {text} at (504.88,173.88) size 170.23x15.36 contains 1 chu nk(s)
261 LayoutSVGTSpan {tspan} at (0,0) size 171x16 261 LayoutSVGTSpan {tspan} at (0,0) size 171x16
262 LayoutSVGInlineText {#text} at (0,0) size 171x16 262 LayoutSVGInlineText {#text} at (504.88,173.88) size 170.23x15.36
263 chunk 1 (middle anchor) text run 1 at (504.88,185.40) startOffset 0 endOffset 29 width 170.24: "Randomly Resize Colour Picker" 263 chunk 1 (middle anchor) text run 1 at (504.88,185.40) startOffset 0 endOffset 29 width 170.24: "Randomly Resize Colour Picker"
264 LayoutSVGContainer {g} at (534,132) size 143x18 264 LayoutSVGContainer {g} at (684,169) size 182x22
265 LayoutSVGRect {rect} at (534,132) size 141x16 [fill={[type=SOLID] [color =#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00] 265 LayoutSVGRect {rect} at (684,169) size 180x20 [fill={[type=SOLID] [color =#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00]
266 LayoutSVGRect {rect} at (535,133) size 142x17 [fill={[type=SOLID] [color =#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00] 266 LayoutSVGRect {rect} at (686,171) size 180x20 [fill={[type=SOLID] [color =#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00]
267 LayoutSVGRect {rect} at (535,132) size 141x17 [fill={[type=SOLID] [color =#DCDCDC]}] [x=685.00] [y=170.00] [width=180.00] [height=20.00] 267 LayoutSVGRect {rect} at (685,170) size 180x20 [fill={[type=SOLID] [color =#DCDCDC]}] [x=685.00] [y=170.00] [width=180.00] [height=20.00]
268 LayoutSVGText {text} at (693,173) size 164x17 contains 1 chunk(s) 268 LayoutSVGText {text} at (693.08,173.88) size 163.83x15.36 contains 1 chu nk(s)
269 LayoutSVGTSpan {tspan} at (0,0) size 164x16 269 LayoutSVGTSpan {tspan} at (0,0) size 164x16
270 LayoutSVGInlineText {#text} at (0,0) size 164x16 270 LayoutSVGInlineText {#text} at (693.08,173.88) size 163.83x15.36
271 chunk 1 (middle anchor) text run 1 at (693.08,185.40) startOffset 0 endOffset 27 width 163.84: "Randomly Move Colour Picker" 271 chunk 1 (middle anchor) text run 1 at (693.08,185.40) startOffset 0 endOffset 27 width 163.84: "Randomly Move Colour Picker"
272 LayoutSVGContainer {g} at (358,389) size 22x15 272 LayoutSVGContainer {g} at (459,498) size 27x18.23
273 LayoutSVGRect {rect} at (358,389) size 21x13 [fill={[type=SOLID] [color=#F FFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00] 273 LayoutSVGRect {rect} at (459,498) size 25x16 [fill={[type=SOLID] [color=#F FFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00]
274 LayoutSVGRect {rect} at (360,390) size 20x14 [fill={[type=SOLID] [color=#6 96969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00] 274 LayoutSVGRect {rect} at (461,500) size 25x16 [fill={[type=SOLID] [color=#6 96969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00]
275 LayoutSVGRect {rect} at (359,389) size 20x14 [fill={[type=SOLID] [color=#D CDCDC]}] [x=460.00] [y=499.00] [width=25.00] [height=16.00] 275 LayoutSVGRect {rect} at (460,499) size 25x16 [fill={[type=SOLID] [color=#D CDCDC]}] [x=460.00] [y=499.00] [width=25.00] [height=16.00]
276 LayoutSVGText {text} at (464,500) size 17x17 contains 1 chunk(s) 276 LayoutSVGText {text} at (464.17,500.88) size 16.63x15.36 contains 1 chunk( s)
277 LayoutSVGTSpan {tspan} at (0,0) size 17x16 277 LayoutSVGTSpan {tspan} at (0,0) size 17x16
278 LayoutSVGInlineText {#text} at (0,0) size 17x16 278 LayoutSVGInlineText {#text} at (464.17,500.88) size 16.63x15.36
279 chunk 1 (middle anchor) text run 1 at (464.18,512.40) startOffset 0 endOffset 2 width 16.64: "OK" 279 chunk 1 (middle anchor) text run 1 at (464.18,512.40) startOffset 0 endOffset 2 width 16.64: "OK"
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698