OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
4 RenderSVGRoot {svg} at (0,0) size 800x600 | 4 RenderSVGRoot {svg} at (0,0) size 800x600 |
5 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 | 5 RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
6 RenderSVGHiddenContainer {symbol} at (0,0) size 0x0 | 6 RenderSVGHiddenContainer {symbol} at (0,0) size 0x0 |
7 RenderSVGPath {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 RenderSVGPath {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] |
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 RenderSVGGradientStop {stop} [offset=0.00] [color=#FF0000] | 9 RenderSVGGradientStop {stop} [offset=0.00] [color=#FF0000] |
10 RenderSVGGradientStop {stop} [offset=0.17] [color=#FFFF00] | 10 RenderSVGGradientStop {stop} [offset=0.17] [color=#FFFF00] |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 RenderSVGGradientStop {stop} [offset=1.00] [color=#FF0000] | 59 RenderSVGGradientStop {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 RenderSVGGradientStop {stop} [offset=0.00] [color=#787878] | 61 RenderSVGGradientStop {stop} [offset=0.00] [color=#787878] |
62 RenderSVGGradientStop {stop} [offset=1.00] [color=#780000] | 62 RenderSVGGradientStop {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 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000] | 64 RenderSVGGradientStop {stop} [offset=0.00] [color=#000000] |
65 RenderSVGGradientStop {stop} [offset=1.00] [color=#FFFFFF] | 65 RenderSVGGradientStop {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 RenderSVGGradientStop {stop} [offset=0.00] [color=#78787800] | 67 RenderSVGGradientStop {stop} [offset=0.00] [color=#78787800] |
68 RenderSVGGradientStop {stop} [offset=1.00] [color=#787878] | 68 RenderSVGGradientStop {stop} [offset=1.00] [color=#787878] |
69 RenderSVGRect {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 (0,0) size 800x600 [fill={[type=SOLID] [color=#FFFFF
F]}] [x=-2000.00] [y=-2000.00] [width=6000.00] [height=6000.00] |
70 LayoutSVGContainer {g} at (156,156) size 626x329 | 70 LayoutSVGContainer {g} at (156,156) size 626x329 |
71 LayoutSVGContainer {g} at (156,312) size 235x95 | 71 LayoutSVGContainer {g} at (156,312) size 235x95 |
72 RenderSVGRect {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 (156,312) size 235x95 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=200.00] [y=400.00] [width=300.00] [height=120.00] |
73 RenderSVGRect {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 (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] |
74 RenderSVGPath {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 RenderSVGPath {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] |
75 RenderSVGPath {line} at (0,0) size 0x0 [x1=212.00] [y1=415.60] [x2=410.0
0] [y2=415.60] | 75 RenderSVGPath {line} at (0,0) size 0x0 [x1=212.00] [y1=415.60] [x2=410.0
0] [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 (215,316) size 5x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(278.00,415.60)}] |
77 RenderSVGViewportContainer {svg} at (215,316) size 5x17 | 77 RenderSVGViewportContainer {svg} at (215,316) size 5x17 |
78 RenderSVGPath {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 RenderSVGPath {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] |
79 LayoutSVGText {text} at (416,408) size 73x16 contains 1 chunk(s) | 79 LayoutSVGText {text} at (416,408) size 73x16 contains 1 chunk(s) |
80 LayoutSVGInlineText {#text} at (0,0) size 73x16 | 80 LayoutSVGInlineText {#text} at (0,0) size 73x16 |
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 RenderSVGRect {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 (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] |
83 RenderSVGRect {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 (165,340) size 36x29 [fill={[type=SOLID] [color=
#00FF00]}] [x=212.00] [y=436.00] [width=45.00] [height=36.00] |
84 RenderSVGRect {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 (235,340) size 86x7 [fill={[type=LINEAR-GRADIENT
] [id="colourPicker1_satGradient"]}] [x=302.00] [y=435.85] [width=108.00] [heigh
t=7.50] |
85 RenderSVGPath {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 RenderSVGPath {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] |
86 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=439.60] [x2=410.0
0] [y2=439.60] | 86 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=439.60] [x2=410.0
0] [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 (318,335) size 5x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(410.00,439.60)}] |
88 RenderSVGViewportContainer {svg} at (318,335) size 5x17 | 88 RenderSVGViewportContainer {svg} at (318,335) size 5x17 |
89 RenderSVGPath {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 RenderSVGPath {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] |
90 LayoutSVGText {text} at (416,432) size 76x16 contains 1 chunk(s) | 90 LayoutSVGText {text} at (416,432) size 76x16 contains 1 chunk(s) |
91 LayoutSVGInlineText {#text} at (0,0) size 76x16 | 91 LayoutSVGInlineText {#text} at (0,0) size 76x16 |
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 RenderSVGRect {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 (235,359) size 86x7 [fill={[type=LINEAR-GRADIENT
] [id="colourPicker1_valGradient"]}] [x=302.00] [y=459.85] [width=108.00] [heigh
t=7.50] |
94 RenderSVGPath {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 RenderSVGPath {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] |
95 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=463.60] [x2=410.0
0] [y2=463.60] | 95 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=463.60] [x2=410.0
0] [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 (318,354) size 5x16 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(410.00,463.60)}] |
97 RenderSVGViewportContainer {svg} at (318,354) size 5x16 | 97 RenderSVGViewportContainer {svg} at (318,354) size 5x16 |
98 RenderSVGPath {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 RenderSVGPath {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] |
99 LayoutSVGText {text} at (416,456) size 52x16 contains 1 chunk(s) | 99 LayoutSVGText {text} at (416,456) size 52x16 contains 1 chunk(s) |
100 LayoutSVGInlineText {#text} at (0,0) size 52x16 | 100 LayoutSVGInlineText {#text} at (0,0) size 52x16 |
101 chunk 1 text run 1 at (416.00,468.10) startOffset 0 endOffset 9 widt
h 51.20: "Value (%)" | 101 chunk 1 text run 1 at (416.00,468.10) startOffset 0 endOffset 9 widt
h 51.20: "Value (%)" |
102 RenderSVGRect {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 (235,378) size 86x6 [fill={[type=LINEAR-GRADIENT
] [id="colourPicker1_alphaGradient"]}] [x=302.00] [y=483.85] [width=108.00] [hei
ght=7.50] |
103 RenderSVGPath {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 RenderSVGPath {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] |
104 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=487.60] [x2=410.0
0] [y2=487.60] | 104 RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=487.60] [x2=410.0
0] [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 (318,373) size 5x16 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(410.00,487.60)}] |
106 RenderSVGViewportContainer {svg} at (318,373) size 5x16 | 106 RenderSVGViewportContainer {svg} at (318,373) size 5x16 |
107 RenderSVGPath {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 RenderSVGPath {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] |
108 LayoutSVGText {text} at (416,480) size 64x16 contains 1 chunk(s) | 108 LayoutSVGText {text} at (416,480) size 64x16 contains 1 chunk(s) |
109 LayoutSVGInlineText {#text} at (0,0) size 64x16 | 109 LayoutSVGInlineText {#text} at (0,0) size 64x16 |
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 240x16 contains 1 chunk(s) | 111 LayoutSVGText {text} at (212,502) size 240x16 contains 1 chunk(s) |
112 LayoutSVGInlineText {#text} at (0,0) size 240x16 | 112 LayoutSVGInlineText {#text} at (0,0) size 240x16 |
113 chunk 1 text run 1 at (212.00,514.00) startOffset 0 endOffset 40 wid
th 239.36: "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 239.36: "RGBA: 0,255,0,100; HSVA: 120,100,100,100" |
114 LayoutSVGContainer {g} at (390,156) size 235x79 | 114 LayoutSVGContainer {g} at (390,156) size 235x79 |
115 RenderSVGRect {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 (390,156) size 235x79 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=100.00] |
116 RenderSVGRect {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 (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] |
117 RenderSVGPath {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 RenderSVGPath {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] |
118 RenderSVGPath {line} at (0,0) size 0x0 [x1=512.00] [y1=213.00] [x2=710.0
0] [y2=213.00] | 118 RenderSVGPath {line} at (0,0) size 0x0 [x1=512.00] [y1=213.00] [x2=710.0
0] [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 (398,158) size 4x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(512.00,213.00)}] |
120 RenderSVGViewportContainer {svg} at (398,158) size 4x17 | 120 RenderSVGViewportContainer {svg} at (398,158) size 4x17 |
121 RenderSVGPath {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 RenderSVGPath {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] |
122 LayoutSVGText {text} at (716,205) size 73x17 contains 1 chunk(s) | 122 LayoutSVGText {text} at (716,205) size 73x17 contains 1 chunk(s) |
123 LayoutSVGInlineText {#text} at (0,0) size 73x16 | 123 LayoutSVGInlineText {#text} at (0,0) size 73x16 |
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 RenderSVGRect {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 (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] |
126 RenderSVGRect {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 (400,179) size 36x25 [fill={[type=SOLID] [color=
#FF0000]}] [x=512.00] [y=230.00] [width=45.00] [height=30.00] |
127 RenderSVGRect {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 (470,184) size 85x7 [fill={[type=LINEAR-GRADIENT
] [id="colourPicker3_satGradient"]}] [x=602.00] [y=235.92] [width=108.00] [heigh
t=7.50] |
128 RenderSVGPath {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 RenderSVGPath {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] |
129 RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=239.67] [x2=710.0
0] [y2=239.67] | 129 RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=239.67] [x2=710.0
0] [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 (552,179) size 5x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(710.00,239.67)}] |
131 RenderSVGViewportContainer {svg} at (552,179) size 5x17 | 131 RenderSVGViewportContainer {svg} at (552,179) size 5x17 |
132 RenderSVGPath {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 RenderSVGPath {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] |
133 LayoutSVGText {text} at (716,232) size 76x17 contains 1 chunk(s) | 133 LayoutSVGText {text} at (716,232) size 76x17 contains 1 chunk(s) |
134 LayoutSVGInlineText {#text} at (0,0) size 76x16 | 134 LayoutSVGInlineText {#text} at (0,0) size 76x16 |
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 RenderSVGRect {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 (470,205) size 85x7 [fill={[type=LINEAR-GRADIENT
] [id="colourPicker3_valGradient"]}] [x=602.00] [y=262.58] [width=108.00] [heigh
t=7.50] |
137 RenderSVGPath {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 RenderSVGPath {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] |
138 RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=266.33] [x2=710.0
0] [y2=266.33] | 138 RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=266.33] [x2=710.0
0] [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 (552,200) size 5x16 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(710.00,266.33)}] |
140 RenderSVGViewportContainer {svg} at (552,200) size 5x16 | 140 RenderSVGViewportContainer {svg} at (552,200) size 5x16 |
141 RenderSVGPath {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 RenderSVGPath {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] |
142 LayoutSVGText {text} at (716,259) size 52x16 contains 1 chunk(s) | 142 LayoutSVGText {text} at (716,259) size 52x16 contains 1 chunk(s) |
143 LayoutSVGInlineText {#text} at (0,0) size 52x16 | 143 LayoutSVGInlineText {#text} at (0,0) size 52x16 |
144 chunk 1 text run 1 at (716.00,270.83) startOffset 0 endOffset 9 widt
h 51.20: "Value (%)" | 144 chunk 1 text run 1 at (716.00,270.83) startOffset 0 endOffset 9 widt
h 51.20: "Value (%)" |
145 LayoutSVGText {text} at (512,283) size 227x16 contains 1 chunk(s) | 145 LayoutSVGText {text} at (512,283) size 227x16 contains 1 chunk(s) |
146 LayoutSVGInlineText {#text} at (0,0) size 227x16 | 146 LayoutSVGInlineText {#text} at (0,0) size 227x16 |
147 chunk 1 text run 1 at (512.00,295.00) startOffset 0 endOffset 38 wid
th 226.56: "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 226.56: "RGBA: 255,0,0,100; HSVA: 0,100,100,100" |
148 LayoutSVGContainer {g} at (546,390) size 236x95 | 148 LayoutSVGContainer {g} at (546,390) size 236x95 |
149 RenderSVGRect {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 (546,390) size 236x95 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=700.00] [y=500.00] [width=300.00] [height=120.00] |
150 RenderSVGRect {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 (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] |
151 RenderSVGPath {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 RenderSVGPath {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] |
152 RenderSVGPath {line} at (0,0) size 0x0 [x1=712.00] [y1=515.60] [x2=910.0
0] [y2=515.60] | 152 RenderSVGPath {line} at (0,0) size 0x0 [x1=712.00] [y1=515.60] [x2=910.0
0] [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 (554,394) size 5x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(712.00,515.60)}] |
154 RenderSVGViewportContainer {svg} at (554,394) size 5x17 | 154 RenderSVGViewportContainer {svg} at (554,394) size 5x17 |
155 RenderSVGPath {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 RenderSVGPath {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] |
156 LayoutSVGText {text} at (916,508) size 73x16 contains 1 chunk(s) | 156 LayoutSVGText {text} at (916,508) size 73x16 contains 1 chunk(s) |
157 LayoutSVGInlineText {#text} at (0,0) size 73x16 | 157 LayoutSVGInlineText {#text} at (0,0) size 73x16 |
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 RenderSVGRect {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 (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] |
160 RenderSVGRect {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 (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] |
161 RenderSVGPath {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 RenderSVGPath {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] |
162 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=539.60] [x2=910.0
0] [y2=539.60] | 162 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=539.60] [x2=910.0
0] [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 (601,413) size 5x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(772.00,539.60)}] |
164 RenderSVGViewportContainer {svg} at (601,413) size 5x17 | 164 RenderSVGViewportContainer {svg} at (601,413) size 5x17 |
165 RenderSVGPath {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 RenderSVGPath {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] |
166 LayoutSVGText {text} at (916,532) size 76x16 contains 1 chunk(s) | 166 LayoutSVGText {text} at (916,532) size 76x16 contains 1 chunk(s) |
167 LayoutSVGInlineText {#text} at (0,0) size 76x16 | 167 LayoutSVGInlineText {#text} at (0,0) size 76x16 |
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 RenderSVGRect {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 (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] |
170 RenderSVGPath {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 RenderSVGPath {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] |
171 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=563.60] [x2=910.0
0] [y2=563.60] | 171 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=563.60] [x2=910.0
0] [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 (651,432) size 5x17 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(836.86,563.60)}] |
173 RenderSVGViewportContainer {svg} at (651,432) size 5x17 | 173 RenderSVGViewportContainer {svg} at (651,432) size 5x17 |
174 RenderSVGPath {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 RenderSVGPath {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] |
175 LayoutSVGText {text} at (916,556) size 52x16 contains 1 chunk(s) | 175 LayoutSVGText {text} at (916,556) size 52x16 contains 1 chunk(s) |
176 LayoutSVGInlineText {#text} at (0,0) size 52x16 | 176 LayoutSVGInlineText {#text} at (0,0) size 52x16 |
177 chunk 1 text run 1 at (916.00,568.10) startOffset 0 endOffset 9 widt
h 51.20: "Value (%)" | 177 chunk 1 text run 1 at (916.00,568.10) startOffset 0 endOffset 9 widt
h 51.20: "Value (%)" |
178 RenderSVGRect {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 (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] |
179 RenderSVGPath {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 RenderSVGPath {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] |
180 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=587.60] [x2=910.0
0] [y2=587.60] | 180 RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=587.60] [x2=910.0
0] [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 (708,451) size 5x16 [transform={m=((1.00,0.0
0)(0.00,1.00)) t=(910.00,587.60)}] |
182 RenderSVGViewportContainer {svg} at (708,451) size 5x16 | 182 RenderSVGViewportContainer {svg} at (708,451) size 5x16 |
183 RenderSVGPath {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 RenderSVGPath {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] |
184 LayoutSVGText {text} at (916,580) size 64x16 contains 1 chunk(s) | 184 LayoutSVGText {text} at (916,580) size 64x16 contains 1 chunk(s) |
185 LayoutSVGInlineText {#text} at (0,0) size 64x16 | 185 LayoutSVGInlineText {#text} at (0,0) size 64x16 |
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) size 233x16 contains 1 chunk(s) |
188 LayoutSVGInlineText {#text} at (0,0) size 233x16 | 188 LayoutSVGInlineText {#text} at (0,0) size 233x16 |
189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 wid
th 232.96: "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.96: "RGBA: 120,120,120,100; HSVA: 0,0,47,100" |
190 LayoutSVGContainer {g} at (81,63) size 262x262 [transform={m=((0.71,0.71)(-0
.71,0.71)) t=(0.00,-400.00)}] | 190 LayoutSVGContainer {g} at (81,63) size 262x262 [transform={m=((0.71,0.71)(-0
.71,0.71)) t=(0.00,-400.00)}] |
191 RenderSVGRect {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 (104,63) size 239x238 [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,304) size 306x40 contains 1 chunk(s) | 192 LayoutSVGText {text} at (500,304) size 306x40 contains 1 chunk(s) |
193 LayoutSVGInlineText {#text} at (0,0) size 287x20 | 193 LayoutSVGInlineText {#text} at (0,0) size 287x20 |
194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width
286.72: "This colourPicker has a callBack function" | 194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width
286.72: "This colourPicker has a callBack function" |
195 RenderSVGTSpan {tspan} at (0,0) size 306x20 | 195 RenderSVGTSpan {tspan} at (0,0) size 306x20 |
196 LayoutSVGInlineText {#text} at (0,19) size 306x20 | 196 LayoutSVGInlineText {#text} at (0,19) size 306x20 |
197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid
th 305.92: "attached that changes the background color" | 197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid
th 305.92: "attached that changes the background color" |
198 LayoutSVGContainer {g} at (116,74) size 216x216 | 198 LayoutSVGContainer {g} at (116,74) size 216x216 |
199 RenderSVGRect {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 (116,74) size 216x216 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00] |
200 RenderSVGRect {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 (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] |
201 RenderSVGPath {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 RenderSVGPath {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] |
202 RenderSVGPath {line} at (165,87) size 111x110 [x1=512.00] [y1=211.70] [x
2=710.00] [y2=211.70] | 202 RenderSVGPath {line} at (165,87) size 111x110 [x1=512.00] [y1=211.70] [x
2=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 (224,146) size 15x14 [transform={m=((1.00,0.
00)(0.00,1.00)) t=(630.80,211.70)}] |
204 RenderSVGViewportContainer {svg} at (224,146) size 15x14 | 204 RenderSVGViewportContainer {svg} at (224,146) size 15x14 |
205 RenderSVGPath {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 RenderSVGPath {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] |
206 LayoutSVGText {text} at (716,204) size 80x17 contains 1 chunk(s) | 206 LayoutSVGText {text} at (716,204) size 80x17 contains 1 chunk(s) |
207 LayoutSVGInlineText {#text} at (0,0) size 80x16 | 207 LayoutSVGInlineText {#text} at (0,0) size 80x16 |
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 RenderSVGRect {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 (142,95) size 41x41 [fill={[type=SOLID] [color=#
00FFFF] [opacity=0.50]}] [x=512.00] [y=227.00] [width=45.00] [height=27.00] |
210 RenderSVGRect {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 (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] |
211 RenderSVGPath {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 RenderSVGPath {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] |
212 RenderSVGPath {line} at (185,133) size 78x77 [x1=572.00] [y1=235.70] [x2
=710.00] [y2=235.70] | 212 RenderSVGPath {line} at (185,133) size 78x77 [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 (255,203) size 14x14 [transform={m=((1.00,0.
00)(0.00,1.00)) t=(710.00,235.70)}] |
214 RenderSVGViewportContainer {svg} at (255,203) size 14x14 | 214 RenderSVGViewportContainer {svg} at (255,203) size 14x14 |
215 RenderSVGPath {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 RenderSVGPath {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] |
216 LayoutSVGText {text} at (716,228) size 76x17 contains 1 chunk(s) | 216 LayoutSVGText {text} at (716,228) size 76x17 contains 1 chunk(s) |
217 LayoutSVGInlineText {#text} at (0,0) size 76x16 | 217 LayoutSVGInlineText {#text} at (0,0) size 76x16 |
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 RenderSVGRect {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 (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] |
220 RenderSVGPath {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 RenderSVGPath {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] |
221 RenderSVGPath {line} at (172,146) size 77x78 [x1=572.00] [y1=259.70] [x2
=710.00] [y2=259.70] | 221 RenderSVGPath {line} at (172,146) size 77x78 [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 (203,178) size 15x14 [transform={m=((1.00,0.
00)(0.00,1.00)) t=(641.00,259.70)}] |
223 RenderSVGViewportContainer {svg} at (203,178) size 15x14 | 223 RenderSVGViewportContainer {svg} at (203,178) size 15x14 |
224 RenderSVGPath {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 RenderSVGPath {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] |
225 LayoutSVGText {text} at (716,252) size 64x17 contains 1 chunk(s) | 225 LayoutSVGText {text} at (716,252) size 64x17 contains 1 chunk(s) |
226 LayoutSVGInlineText {#text} at (0,0) size 64x16 | 226 LayoutSVGInlineText {#text} at (0,0) size 64x16 |
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 240x17 contains 1 chunk(s) | 228 LayoutSVGText {text} at (512,273) size 240x17 contains 1 chunk(s) |
229 LayoutSVGInlineText {#text} at (0,0) size 240x16 | 229 LayoutSVGInlineText {#text} at (0,0) size 240x16 |
230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 wid
th 239.36: "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 239.36: "RGBA: 0,255,255,50; HSVA: 180,100,100,50" |
231 LayoutSVGContainer {g} at (389,132) size 288x274 | 231 LayoutSVGContainer {g} at (389,132) size 288x274 |
232 LayoutSVGContainer {g} at (397,344) size 89x18 | 232 LayoutSVGContainer {g} at (397,344) size 89x18 |
233 RenderSVGRect {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 (397,344) size 87x17 [fill={[type=SOLID] [color=
#FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00] |
234 RenderSVGRect {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 (399,346) size 87x16 [fill={[type=SOLID] [color=
#696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00] |
235 RenderSVGRect {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 (398,345) size 87x16 [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) size 96x17 contains 1 chunk(s) |
237 RenderSVGTSpan {tspan} at (0,0) size 96x16 | 237 RenderSVGTSpan {tspan} at (0,0) size 96x16 |
238 LayoutSVGInlineText {#text} at (0,0) size 96x16 | 238 LayoutSVGInlineText {#text} at (0,0) size 96x16 |
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 (397,366) size 89x18 |
241 RenderSVGRect {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 (397,366) size 87x17 [fill={[type=SOLID] [color=
#FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00] |
242 RenderSVGRect {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 (399,367) size 87x17 [fill={[type=SOLID] [color=
#696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00] |
243 RenderSVGRect {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 (398,367) size 87x16 [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,473) size 86x17 contains 1 chunk(s) |
245 RenderSVGTSpan {tspan} at (0,0) size 86x16 | 245 RenderSVGTSpan {tspan} at (0,0) size 86x16 |
246 LayoutSVGInlineText {#text} at (0,0) size 86x16 | 246 LayoutSVGInlineText {#text} at (0,0) size 86x16 |
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 (397,388) size 89x18 |
249 RenderSVGRect {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 (397,388) size 87x16 [fill={[type=SOLID] [color=
#FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00] |
250 RenderSVGRect {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 (399,389) size 87x17 [fill={[type=SOLID] [color=
#696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00] |
251 RenderSVGRect {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 (398,389) size 87x16 [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,501) size 106x17 contains 1 chunk(s) |
253 RenderSVGTSpan {tspan} at (0,0) size 105x16 | 253 RenderSVGTSpan {tspan} at (0,0) size 105x16 |
254 LayoutSVGInlineText {#text} at (0,0) size 105x16 | 254 LayoutSVGInlineText {#text} at (0,0) size 105x16 |
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 (389,132) size 144x18 |
257 RenderSVGRect {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 (389,132) size 142x16 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00] |
258 RenderSVGRect {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 (391,133) size 142x17 [fill={[type=SOLID] [color
=#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00] |
259 RenderSVGRect {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 (390,132) size 142x17 [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,173) size 172x17 contains 1 chunk(s) |
261 RenderSVGTSpan {tspan} at (0,0) size 171x16 | 261 RenderSVGTSpan {tspan} at (0,0) size 171x16 |
262 LayoutSVGInlineText {#text} at (0,0) size 171x16 | 262 LayoutSVGInlineText {#text} at (0,0) size 171x16 |
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 (534,132) size 143x18 |
265 RenderSVGRect {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 (534,132) size 141x16 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00] |
266 RenderSVGRect {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 (535,133) size 142x17 [fill={[type=SOLID] [color
=#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00] |
267 RenderSVGRect {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 (535,132) size 141x17 [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,173) size 164x17 contains 1 chunk(s) |
269 RenderSVGTSpan {tspan} at (0,0) size 164x16 | 269 RenderSVGTSpan {tspan} at (0,0) size 164x16 |
270 LayoutSVGInlineText {#text} at (0,0) size 164x16 | 270 LayoutSVGInlineText {#text} at (0,0) size 164x16 |
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 (358,389) size 22x15 |
273 RenderSVGRect {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 (358,389) size 21x13 [fill={[type=SOLID] [color=#F
FFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00] |
274 RenderSVGRect {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 (360,390) size 20x14 [fill={[type=SOLID] [color=#6
96969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00] |
275 RenderSVGRect {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 (359,389) size 20x14 [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,500) size 17x17 contains 1 chunk(s) |
277 RenderSVGTSpan {tspan} at (0,0) size 17x16 | 277 RenderSVGTSpan {tspan} at (0,0) size 17x16 |
278 LayoutSVGInlineText {#text} at (0,0) size 17x16 | 278 LayoutSVGInlineText {#text} at (0,0) size 17x16 |
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" |
OLD | NEW |