tizen beta release
[framework/web/webkit-efl.git] / LayoutTests / platform / chromium-win / svg / carto.net / colourpicker-expected.txt
index e51083a..c2fb98c 100755 (executable)
@@ -68,45 +68,45 @@ layer at (0,0) size 800x600
     RenderSVGContainer {g} at (156,156) size 626x329
       RenderSVGContainer {g} at (156,312) size 235x95
         RenderSVGPath {rect} at (156,312) size 235x95 [fill={[type=SOLID] [color=#DCDCDC]}] [x=200.00] [y=400.00] [width=300.00] [height=120.00]
-        RenderSVGPath {rect} at (165,321) size 156x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_hueGradient"]}] [x=212.00] [y=411.85] [width=198.00] [height=7.50]
-        RenderSVGPath {line} at (159,318) size 168x14 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (165,324) size 156x1 [x1=212.00] [y1=415.60] [x2=410.00] [y2=415.60]
-        RenderSVGContainer {use} at (214,316) size 6x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(278.00,415.60)}]
-          RenderSVGContainer {g} at (214,316) size 6x17
-            RenderSVGViewportContainer {svg} at (214,316) size 6x17
-              RenderSVGPath {line} at (214,316) size 6x17 [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]
+        RenderSVGPath {rect} at (165,321) size 156x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_hueGradient"]}] [x=212.00] [y=411.85] [width=198.00] [height=7.50]
+        RenderSVGPath {line} at (159,318) size 168x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=212.00] [y1=415.60] [x2=410.00] [y2=415.60]
+        RenderSVGContainer {use} at (215,316) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(278.00,415.60)}]
+          RenderSVGContainer {g} at (215,316) size 5x17
+            RenderSVGViewportContainer {svg} at (215,316) size 5x17
+              RenderSVGPath {line} at (215,316) size 5x17 [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]
         RenderSVGText {text} at (416,408) size 73x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 73x16
             chunk 1 text run 1 at (416.00,420.10) startOffset 0 endOffset 13 width 72.96: "Hue (0\x{B0}-360\x{B0})"
-        RenderSVGPath {rect} at (185,351) size 43x35 [stroke={[type=SOLID] [color=#000000] [opacity=0.70] [stroke width=7.50]}] [x=242.00] [y=454.00] [width=45.00] [height=36.00]
+        RenderSVGPath {rect} at (186,351) size 42x35 [stroke={[type=SOLID] [color=#000000] [opacity=0.70] [stroke width=7.50]}] [x=242.00] [y=454.00] [width=45.00] [height=36.00]
         RenderSVGPath {rect} at (165,340) size 36x29 [fill={[type=SOLID] [color=#00FF00]}] [x=212.00] [y=436.00] [width=45.00] [height=36.00]
-        RenderSVGPath {rect} at (235,339) size 86x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_satGradient"]}] [x=302.00] [y=435.85] [width=108.00] [height=7.50]
-        RenderSVGPath {line} at (229,337) size 98x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (235,342) size 86x2 [x1=302.00] [y1=439.60] [x2=410.00] [y2=439.60]
-        RenderSVGContainer {use} at (317,335) size 6x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,439.60)}]
-          RenderSVGContainer {g} at (317,335) size 6x17
-            RenderSVGViewportContainer {svg} at (317,335) size 6x17
-              RenderSVGPath {line} at (317,335) size 6x17 [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]
+        RenderSVGPath {rect} at (235,340) size 86x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_satGradient"]}] [x=302.00] [y=435.85] [width=108.00] [height=7.50]
+        RenderSVGPath {line} at (230,337) size 97x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=439.60] [x2=410.00] [y2=439.60]
+        RenderSVGContainer {use} at (318,335) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,439.60)}]
+          RenderSVGContainer {g} at (318,335) size 5x17
+            RenderSVGViewportContainer {svg} at (318,335) size 5x17
+              RenderSVGPath {line} at (318,335) size 5x17 [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]
         RenderSVGText {text} at (416,432) size 76x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 76x16
             chunk 1 text run 1 at (416.00,444.10) startOffset 0 endOffset 14 width 75.52: "Saturation (%)"
-        RenderSVGPath {rect} at (235,358) size 86x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_valGradient"]}] [x=302.00] [y=459.85] [width=108.00] [height=7.50]
-        RenderSVGPath {line} at (229,356) size 98x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (235,361) size 86x2 [x1=302.00] [y1=463.60] [x2=410.00] [y2=463.60]
-        RenderSVGContainer {use} at (317,353) size 6x18 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,463.60)}]
-          RenderSVGContainer {g} at (317,353) size 6x18
-            RenderSVGViewportContainer {svg} at (317,353) size 6x18
-              RenderSVGPath {line} at (317,353) size 6x18 [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]
+        RenderSVGPath {rect} at (235,359) size 86x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_valGradient"]}] [x=302.00] [y=459.85] [width=108.00] [height=7.50]
+        RenderSVGPath {line} at (230,356) size 97x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=463.60] [x2=410.00] [y2=463.60]
+        RenderSVGContainer {use} at (318,354) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,463.60)}]
+          RenderSVGContainer {g} at (318,354) size 5x16
+            RenderSVGViewportContainer {svg} at (318,354) size 5x16
+              RenderSVGPath {line} at (318,354) size 5x16 [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]
         RenderSVGText {text} at (416,456) size 52x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 52x16
             chunk 1 text run 1 at (416.00,468.10) startOffset 0 endOffset 9 width 51.20: "Value (%)"
-        RenderSVGPath {rect} at (235,377) size 86x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_alphaGradient"]}] [x=302.00] [y=483.85] [width=108.00] [height=7.50]
-        RenderSVGPath {line} at (229,375) size 98x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (235,380) size 86x2 [x1=302.00] [y1=487.60] [x2=410.00] [y2=487.60]
-        RenderSVGContainer {use} at (317,372) size 6x18 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,487.60)}]
-          RenderSVGContainer {g} at (317,372) size 6x18
-            RenderSVGViewportContainer {svg} at (317,372) size 6x18
-              RenderSVGPath {line} at (317,372) size 6x18 [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]
+        RenderSVGPath {rect} at (235,378) size 86x6 [fill={[type=LINEAR-GRADIENT] [id="colourPicker1_alphaGradient"]}] [x=302.00] [y=483.85] [width=108.00] [height=7.50]
+        RenderSVGPath {line} at (230,375) size 97x12 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=302.00] [y1=487.60] [x2=410.00] [y2=487.60]
+        RenderSVGContainer {use} at (318,373) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(410.00,487.60)}]
+          RenderSVGContainer {g} at (318,373) size 5x16
+            RenderSVGViewportContainer {svg} at (318,373) size 5x16
+              RenderSVGPath {line} at (318,373) size 5x16 [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]
         RenderSVGText {text} at (416,480) size 64x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 64x16
             chunk 1 text run 1 at (416.00,492.10) startOffset 0 endOffset 11 width 64.00: "Opacity (%)"
@@ -116,34 +116,34 @@ layer at (0,0) size 800x600
       RenderSVGContainer {g} at (390,156) size 235x79
         RenderSVGPath {rect} at (390,156) size 235x79 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=100.00]
         RenderSVGPath {rect} at (400,163) size 155x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_hueGradient"]}] [x=512.00] [y=209.25] [width=198.00] [height=7.50]
-        RenderSVGPath {line} at (393,160) size 168x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (400,166) size 155x1 [x1=512.00] [y1=213.00] [x2=710.00] [y2=213.00]
-        RenderSVGContainer {use} at (397,158) size 6x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(512.00,213.00)}]
-          RenderSVGContainer {g} at (397,158) size 6x17
-            RenderSVGViewportContainer {svg} at (397,158) size 6x17
-              RenderSVGPath {line} at (397,158) size 6x17 [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]
-        RenderSVGText {text} at (716,205) size 73x17 contains 1 chunk(s)
-          RenderSVGInlineText {#text} at (0,0) size 73x17
+        RenderSVGPath {line} at (394,160) size 167x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=512.00] [y1=213.00] [x2=710.00] [y2=213.00]
+        RenderSVGContainer {use} at (398,158) size 4x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(512.00,213.00)}]
+          RenderSVGContainer {g} at (398,158) size 4x17
+            RenderSVGViewportContainer {svg} at (398,158) size 4x17
+              RenderSVGPath {line} at (398,158) size 4x17 [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]
+        RenderSVGText {text} at (716,205) size 73x16 contains 1 chunk(s)
+          RenderSVGInlineText {#text} at (0,0) size 73x16
             chunk 1 text run 1 at (716.00,217.50) startOffset 0 endOffset 13 width 72.96: "Hue (0\x{B0}-180\x{B0})"
         RenderSVGPath {rect} at (420,188) size 42x30 [stroke={[type=SOLID] [color=#787878] [stroke width=7.50]}] [x=542.00] [y=245.00] [width=45.00] [height=30.00]
         RenderSVGPath {rect} at (400,179) size 36x25 [fill={[type=SOLID] [color=#FF0000]}] [x=512.00] [y=230.00] [width=45.00] [height=30.00]
-        RenderSVGPath {rect} at (470,183) size 85x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_satGradient"]}] [x=602.00] [y=235.92] [width=108.00] [height=7.50]
+        RenderSVGPath {rect} at (470,184) size 85x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_satGradient"]}] [x=602.00] [y=235.92] [width=108.00] [height=7.50]
         RenderSVGPath {line} at (464,181) size 97x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (470,186) size 85x2 [x1=602.00] [y1=239.67] [x2=710.00] [y2=239.67]
-        RenderSVGContainer {use} at (552,178) size 6x18 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,239.67)}]
-          RenderSVGContainer {g} at (552,178) size 6x18
-            RenderSVGViewportContainer {svg} at (552,178) size 6x18
-              RenderSVGPath {line} at (552,178) size 6x18 [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]
-        RenderSVGText {text} at (716,232) size 76x17 contains 1 chunk(s)
-          RenderSVGInlineText {#text} at (0,0) size 76x17
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=239.67] [x2=710.00] [y2=239.67]
+        RenderSVGContainer {use} at (552,179) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,239.67)}]
+          RenderSVGContainer {g} at (552,179) size 5x17
+            RenderSVGViewportContainer {svg} at (552,179) size 5x17
+              RenderSVGPath {line} at (552,179) size 5x17 [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]
+        RenderSVGText {text} at (716,232) size 76x16 contains 1 chunk(s)
+          RenderSVGInlineText {#text} at (0,0) size 76x16
             chunk 1 text run 1 at (716.00,244.17) startOffset 0 endOffset 14 width 75.52: "Saturation (%)"
-        RenderSVGPath {rect} at (470,204) size 85x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_valGradient"]}] [x=602.00] [y=262.58] [width=108.00] [height=7.50]
-        RenderSVGPath {line} at (464,201) size 97x14 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (470,207) size 85x2 [x1=602.00] [y1=266.33] [x2=710.00] [y2=266.33]
-        RenderSVGContainer {use} at (552,200) size 6x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,266.33)}]
-          RenderSVGContainer {g} at (552,200) size 6x17
-            RenderSVGViewportContainer {svg} at (552,200) size 6x17
-              RenderSVGPath {line} at (552,200) size 6x17 [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]
+        RenderSVGPath {rect} at (470,205) size 85x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker3_valGradient"]}] [x=602.00] [y=262.58] [width=108.00] [height=7.50]
+        RenderSVGPath {line} at (464,202) size 97x12 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=602.00] [y1=266.33] [x2=710.00] [y2=266.33]
+        RenderSVGContainer {use} at (552,200) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,266.33)}]
+          RenderSVGContainer {g} at (552,200) size 5x16
+            RenderSVGViewportContainer {svg} at (552,200) size 5x16
+              RenderSVGPath {line} at (552,200) size 5x16 [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]
         RenderSVGText {text} at (716,259) size 52x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 52x16
             chunk 1 text run 1 at (716.00,270.83) startOffset 0 endOffset 9 width 51.20: "Value (%)"
@@ -152,140 +152,140 @@ layer at (0,0) size 800x600
             chunk 1 text run 1 at (512.00,295.00) startOffset 0 endOffset 38 width 226.56: "RGBA: 255,0,0,100; HSVA: 0,100,100,100"
       RenderSVGContainer {g} at (546,390) size 236x95
         RenderSVGPath {rect} at (546,390) size 236x95 [fill={[type=SOLID] [color=#DCDCDC]}] [x=700.00] [y=500.00] [width=300.00] [height=120.00]
-        RenderSVGPath {rect} at (556,399) size 155x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_hueGradient"]}] [x=712.00] [y=511.85] [width=198.00] [height=7.50]
-        RenderSVGPath {line} at (550,396) size 168x14 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (556,402) size 155x2 [x1=712.00] [y1=515.60] [x2=910.00] [y2=515.60]
-        RenderSVGContainer {use} at (553,394) size 6x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(712.00,515.60)}]
-          RenderSVGContainer {g} at (553,394) size 6x17
-            RenderSVGViewportContainer {svg} at (553,394) size 6x17
-              RenderSVGPath {line} at (553,394) size 6x17 [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]
+        RenderSVGPath {rect} at (556,399) size 155x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_hueGradient"]}] [x=712.00] [y=511.85] [width=198.00] [height=7.50]
+        RenderSVGPath {line} at (550,396) size 167x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=712.00] [y1=515.60] [x2=910.00] [y2=515.60]
+        RenderSVGContainer {use} at (554,394) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(712.00,515.60)}]
+          RenderSVGContainer {g} at (554,394) size 5x17
+            RenderSVGViewportContainer {svg} at (554,394) size 5x17
+              RenderSVGPath {line} at (554,394) size 5x17 [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]
         RenderSVGText {text} at (916,508) size 73x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 73x16
             chunk 1 text run 1 at (916.00,520.10) startOffset 0 endOffset 13 width 72.96: "Hue (0\x{B0}-360\x{B0})"
         RenderSVGPath {rect} at (553,415) size 42x35 [stroke={[type=SOLID] [color=#787878] [stroke width=7.50]}] [x=712.00] [y=536.00] [width=45.00] [height=36.00]
-        RenderSVGPath {rect} at (603,417) size 108x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_satGradient"]}] [x=772.00] [y=535.85] [width=138.00] [height=7.50]
-        RenderSVGPath {line} at (596,415) size 122x14 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (603,421) size 108x1 [x1=772.00] [y1=539.60] [x2=910.00] [y2=539.60]
-        RenderSVGContainer {use} at (600,413) size 6x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(772.00,539.60)}]
-          RenderSVGContainer {g} at (600,413) size 6x17
-            RenderSVGViewportContainer {svg} at (600,413) size 6x17
-              RenderSVGPath {line} at (600,413) size 6x17 [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]
+        RenderSVGPath {rect} at (603,418) size 108x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_satGradient"]}] [x=772.00] [y=535.85] [width=138.00] [height=7.50]
+        RenderSVGPath {line} at (597,415) size 120x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=539.60] [x2=910.00] [y2=539.60]
+        RenderSVGContainer {use} at (601,413) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(772.00,539.60)}]
+          RenderSVGContainer {g} at (601,413) size 5x17
+            RenderSVGViewportContainer {svg} at (601,413) size 5x17
+              RenderSVGPath {line} at (601,413) size 5x17 [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]
         RenderSVGText {text} at (916,532) size 76x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 76x16
             chunk 1 text run 1 at (916.00,544.10) startOffset 0 endOffset 14 width 75.52: "Saturation (%)"
-        RenderSVGPath {rect} at (603,436) size 108x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_valGradient"]}] [x=772.00] [y=559.85] [width=138.00] [height=7.50]
-        RenderSVGPath {line} at (596,434) size 122x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (603,439) size 108x2 [x1=772.00] [y1=563.60] [x2=910.00] [y2=563.60]
-        RenderSVGContainer {use} at (650,432) size 7x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(836.86,563.60)}]
-          RenderSVGContainer {g} at (650,432) size 7x17
-            RenderSVGViewportContainer {svg} at (650,432) size 7x17
-              RenderSVGPath {line} at (650,432) size 7x17 [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]
+        RenderSVGPath {rect} at (603,437) size 108x7 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_valGradient"]}] [x=772.00] [y=559.85] [width=138.00] [height=7.50]
+        RenderSVGPath {line} at (597,434) size 120x13 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=563.60] [x2=910.00] [y2=563.60]
+        RenderSVGContainer {use} at (651,432) size 5x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(836.86,563.60)}]
+          RenderSVGContainer {g} at (651,432) size 5x17
+            RenderSVGViewportContainer {svg} at (651,432) size 5x17
+              RenderSVGPath {line} at (651,432) size 5x17 [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]
         RenderSVGText {text} at (916,556) size 52x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 52x16
             chunk 1 text run 1 at (916.00,568.10) startOffset 0 endOffset 9 width 51.20: "Value (%)"
-        RenderSVGPath {rect} at (603,455) size 108x8 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_alphaGradient"]}] [x=772.00] [y=583.85] [width=138.00] [height=7.50]
-        RenderSVGPath {line} at (596,453) size 122x13 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (603,458) size 108x2 [x1=772.00] [y1=587.60] [x2=910.00] [y2=587.60]
-        RenderSVGContainer {use} at (708,450) size 6x18 [transform={m=((1.00,0.00)(0.00,1.00)) t=(910.00,587.60)}]
-          RenderSVGContainer {g} at (708,450) size 6x18
-            RenderSVGViewportContainer {svg} at (708,450) size 6x18
-              RenderSVGPath {line} at (708,450) size 6x18 [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]
+        RenderSVGPath {rect} at (603,456) size 108x6 [fill={[type=LINEAR-GRADIENT] [id="colourPicker4_alphaGradient"]}] [x=772.00] [y=583.85] [width=138.00] [height=7.50]
+        RenderSVGPath {line} at (597,453) size 120x12 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (0,0) size 0x0 [x1=772.00] [y1=587.60] [x2=910.00] [y2=587.60]
+        RenderSVGContainer {use} at (708,451) size 5x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(910.00,587.60)}]
+          RenderSVGContainer {g} at (708,451) size 5x16
+            RenderSVGViewportContainer {svg} at (708,451) size 5x16
+              RenderSVGPath {line} at (708,451) size 5x16 [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]
         RenderSVGText {text} at (916,580) size 64x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 64x16
             chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 width 64.00: "Opacity (%)"
         RenderSVGText {text} at (712,602) size 233x16 contains 1 chunk(s)
           RenderSVGInlineText {#text} at (0,0) size 233x16
             chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 width 232.96: "RGBA: 120,120,120,100; HSVA: 0,0,47,100"
-    RenderSVGContainer {g} at (80,62) size 272x273 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,-400.00)}]
-      RenderSVGPath {rect} at (104,62) size 239x239 [fill={[type=SOLID] [color=#00FFFF] [opacity=0.50]}] [x=490.00] [y=190.00] [width=320.00] [height=110.00]
-      RenderSVGText {text} at (500,303) size 326x41 contains 1 chunk(s)
+    RenderSVGContainer {g} at (80,63) size 272x271 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,-400.00)}]
+      RenderSVGPath {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]
+      RenderSVGText {text} at (500,303) size 326x40 contains 1 chunk(s)
         RenderSVGInlineText {#text} at (0,0) size 306x21
           chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width 305.92: "This colourPicker has a callBack function"
-        RenderSVGTSpan {tspan} at (0,0) size 326x22
-          RenderSVGInlineText {#text} at (0,19) size 326x22
+        RenderSVGTSpan {tspan} at (0,0) size 326x21
+          RenderSVGInlineText {#text} at (0,19) size 326x21
             chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 width 325.12: "attached that changes the background color"
-      RenderSVGContainer {g} at (115,73) size 218x217
-        RenderSVGPath {rect} at (115,73) size 218x217 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00]
-        RenderSVGPath {rect} at (163,84) size 116x116 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00] [height=7.50]
-        RenderSVGPath {line} at (156,78) size 129x129 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (165,86) size 111x111 [x1=512.00] [y1=211.70] [x2=710.00] [y2=211.70]
-        RenderSVGContainer {use} at (223,144) size 17x17 [transform={m=((1.00,0.00)(0.00,1.00)) t=(630.80,211.70)}]
-          RenderSVGContainer {g} at (223,144) size 17x17
-            RenderSVGViewportContainer {svg} at (223,144) size 17x17
-              RenderSVGPath {line} at (223,144) size 17x17 [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]
-        RenderSVGText {text} at (716,204) size 80x17 contains 1 chunk(s)
-          RenderSVGInlineText {#text} at (0,0) size 80x17
+      RenderSVGContainer {g} at (116,74) size 216x216
+        RenderSVGPath {rect} at (116,74) size 216x216 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00]
+        RenderSVGPath {rect} at (163,85) size 115x114 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00] [height=7.50]
+        RenderSVGPath {line} at (157,79) size 127x126 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (165,87) size 111x110 [x1=512.00] [y1=211.70] [x2=710.00] [y2=211.70]
+        RenderSVGContainer {use} at (224,146) size 15x14 [transform={m=((1.00,0.00)(0.00,1.00)) t=(630.80,211.70)}]
+          RenderSVGContainer {g} at (224,146) size 15x14
+            RenderSVGViewportContainer {svg} at (224,146) size 15x14
+              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]
+        RenderSVGText {text} at (716,204) size 80x16 contains 1 chunk(s)
+          RenderSVGInlineText {#text} at (0,0) size 80x16
             chunk 1 text run 1 at (716.00,216.20) startOffset 0 endOffset 14 width 79.36: "Hue (90\x{B0}-240\x{B0})"
         RenderSVGPath {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]
-        RenderSVGPath {rect} at (182,130) size 83x83 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_satGradient"]}] [x=572.00] [y=231.95] [width=138.00] [height=7.50]
-        RenderSVGPath {line} at (176,125) size 96x95 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (185,132) size 78x79 [x1=572.00] [y1=235.70] [x2=710.00] [y2=235.70]
-        RenderSVGContainer {use} at (253,202) size 18x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,235.70)}]
-          RenderSVGContainer {g} at (253,202) size 18x16
-            RenderSVGViewportContainer {svg} at (253,202) size 18x16
-              RenderSVGPath {line} at (253,202) size 18x16 [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]
-        RenderSVGText {text} at (716,228) size 76x17 contains 1 chunk(s)
-          RenderSVGInlineText {#text} at (0,0) size 76x17
+        RenderSVGPath {rect} at (183,131) size 82x82 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_satGradient"]}] [x=572.00] [y=231.95] [width=138.00] [height=7.50]
+        RenderSVGPath {line} at (177,125) size 94x94 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (185,133) size 78x77 [x1=572.00] [y1=235.70] [x2=710.00] [y2=235.70]
+        RenderSVGContainer {use} at (255,203) size 14x14 [transform={m=((1.00,0.00)(0.00,1.00)) t=(710.00,235.70)}]
+          RenderSVGContainer {g} at (255,203) size 14x14
+            RenderSVGViewportContainer {svg} at (255,203) size 14x14
+              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]
+        RenderSVGText {text} at (716,228) size 76x16 contains 1 chunk(s)
+          RenderSVGInlineText {#text} at (0,0) size 76x16
             chunk 1 text run 1 at (716.00,240.20) startOffset 0 endOffset 14 width 75.52: "Saturation (%)"
-        RenderSVGPath {rect} at (169,143) size 83x83 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_alphaGradient"]}] [x=572.00] [y=255.95] [width=138.00] [height=7.50]
-        RenderSVGPath {line} at (163,137) size 95x96 [stroke={[type=SOLID] [color=#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]
-        RenderSVGPath {line} at (171,146) size 79x78 [x1=572.00] [y1=259.70] [x2=710.00] [y2=259.70]
-        RenderSVGContainer {use} at (203,177) size 16x16 [transform={m=((1.00,0.00)(0.00,1.00)) t=(641.00,259.70)}]
-          RenderSVGContainer {g} at (203,177) size 16x16
-            RenderSVGViewportContainer {svg} at (203,177) size 16x16
-              RenderSVGPath {line} at (203,177) size 16x16 [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]
-        RenderSVGText {text} at (716,252) size 64x17 contains 1 chunk(s)
-          RenderSVGInlineText {#text} at (0,0) size 64x17
+        RenderSVGPath {rect} at (170,144) size 81x82 [fill={[type=LINEAR-GRADIENT] [id="colourPicker2_alphaGradient"]}] [x=572.00] [y=255.95] [width=138.00] [height=7.50]
+        RenderSVGPath {line} at (164,138) size 94x94 [stroke={[type=SOLID] [color=#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]
+        RenderSVGPath {line} at (172,146) size 77x78 [x1=572.00] [y1=259.70] [x2=710.00] [y2=259.70]
+        RenderSVGContainer {use} at (203,178) size 15x14 [transform={m=((1.00,0.00)(0.00,1.00)) t=(641.00,259.70)}]
+          RenderSVGContainer {g} at (203,178) size 15x14
+            RenderSVGViewportContainer {svg} at (203,178) size 15x14
+              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]
+        RenderSVGText {text} at (716,252) size 64x16 contains 1 chunk(s)
+          RenderSVGInlineText {#text} at (0,0) size 64x16
             chunk 1 text run 1 at (716.00,264.20) startOffset 0 endOffset 11 width 64.00: "Opacity (%)"
-        RenderSVGText {text} at (512,273) size 240x17 contains 1 chunk(s)
-          RenderSVGInlineText {#text} at (0,0) size 240x17
+        RenderSVGText {text} at (512,273) size 240x16 contains 1 chunk(s)
+          RenderSVGInlineText {#text} at (0,0) size 240x16
             chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 width 239.36: "RGBA: 0,255,255,50; HSVA: 180,100,100,50"
     RenderSVGContainer {g} at (389,132) size 288x274
       RenderSVGContainer {g} at (397,344) size 89x18
         RenderSVGPath {rect} at (397,344) size 87x17 [fill={[type=SOLID] [color=#FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00]
         RenderSVGPath {rect} at (399,346) size 87x16 [fill={[type=SOLID] [color=#696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00]
         RenderSVGPath {rect} at (398,345) size 87x16 [fill={[type=SOLID] [color=#DCDCDC]}] [x=510.00] [y=442.00] [width=110.00] [height=20.00]
-        RenderSVGText {text} at (517,445) size 96x17 contains 1 chunk(s)
-          RenderSVGTSpan {tspan} at (0,0) size 96x17
-            RenderSVGInlineText {#text} at (0,0) size 96x17
+        RenderSVGText {text} at (517,445) size 96x16 contains 1 chunk(s)
+          RenderSVGTSpan {tspan} at (0,0) size 96x16
+            RenderSVGInlineText {#text} at (0,0) size 96x16
               chunk 1 (middle anchor) text run 1 at (517.00,457.40) startOffset 0 endOffset 17 width 96.00: "Hide ColourPicker"
       RenderSVGContainer {g} at (397,366) size 89x18
         RenderSVGPath {rect} at (397,366) size 87x17 [fill={[type=SOLID] [color=#FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00]
         RenderSVGPath {rect} at (399,367) size 87x17 [fill={[type=SOLID] [color=#696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00]
         RenderSVGPath {rect} at (398,367) size 87x16 [fill={[type=SOLID] [color=#DCDCDC]}] [x=510.00] [y=470.00] [width=110.00] [height=20.00]
-        RenderSVGText {text} at (522,473) size 86x17 contains 1 chunk(s)
-          RenderSVGTSpan {tspan} at (0,0) size 86x17
-            RenderSVGInlineText {#text} at (0,0) size 86x17
+        RenderSVGText {text} at (522,473) size 86x16 contains 1 chunk(s)
+          RenderSVGTSpan {tspan} at (0,0) size 86x16
+            RenderSVGInlineText {#text} at (0,0) size 86x16
               chunk 1 (middle anchor) text run 1 at (522.12,485.40) startOffset 0 endOffset 15 width 85.76: "Set Random Fill"
       RenderSVGContainer {g} at (397,388) size 89x18
         RenderSVGPath {rect} at (397,388) size 87x16 [fill={[type=SOLID] [color=#FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00]
         RenderSVGPath {rect} at (399,389) size 87x17 [fill={[type=SOLID] [color=#696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00]
         RenderSVGPath {rect} at (398,389) size 87x16 [fill={[type=SOLID] [color=#DCDCDC]}] [x=510.00] [y=498.00] [width=110.00] [height=20.00]
-        RenderSVGText {text} at (512,501) size 106x17 contains 1 chunk(s)
-          RenderSVGTSpan {tspan} at (0,0) size 106x17
-            RenderSVGInlineText {#text} at (0,0) size 106x17
+        RenderSVGText {text} at (512,501) size 105x16 contains 1 chunk(s)
+          RenderSVGTSpan {tspan} at (0,0) size 105x16
+            RenderSVGInlineText {#text} at (0,0) size 105x16
               chunk 1 (middle anchor) text run 1 at (512.52,513.40) startOffset 0 endOffset 17 width 104.96: "Set Random Stroke"
       RenderSVGContainer {g} at (389,132) size 144x18
         RenderSVGPath {rect} at (389,132) size 142x16 [fill={[type=SOLID] [color=#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00]
         RenderSVGPath {rect} at (391,133) size 142x17 [fill={[type=SOLID] [color=#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00]
         RenderSVGPath {rect} at (390,132) size 142x17 [fill={[type=SOLID] [color=#DCDCDC]}] [x=500.00] [y=170.00] [width=180.00] [height=20.00]
-        RenderSVGText {text} at (504,173) size 172x17 contains 1 chunk(s)
-          RenderSVGTSpan {tspan} at (0,0) size 172x17
-            RenderSVGInlineText {#text} at (0,0) size 172x17
+        RenderSVGText {text} at (504,173) size 171x16 contains 1 chunk(s)
+          RenderSVGTSpan {tspan} at (0,0) size 171x16
+            RenderSVGInlineText {#text} at (0,0) size 171x16
               chunk 1 (middle anchor) text run 1 at (504.88,185.40) startOffset 0 endOffset 29 width 170.24: "Randomly Resize Colour Picker"
       RenderSVGContainer {g} at (534,132) size 143x18
         RenderSVGPath {rect} at (534,132) size 141x16 [fill={[type=SOLID] [color=#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00]
         RenderSVGPath {rect} at (535,133) size 142x17 [fill={[type=SOLID] [color=#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00]
         RenderSVGPath {rect} at (535,132) size 141x17 [fill={[type=SOLID] [color=#DCDCDC]}] [x=685.00] [y=170.00] [width=180.00] [height=20.00]
-        RenderSVGText {text} at (693,173) size 164x17 contains 1 chunk(s)
-          RenderSVGTSpan {tspan} at (0,0) size 164x17
-            RenderSVGInlineText {#text} at (0,0) size 164x17
+        RenderSVGText {text} at (693,173) size 164x16 contains 1 chunk(s)
+          RenderSVGTSpan {tspan} at (0,0) size 164x16
+            RenderSVGInlineText {#text} at (0,0) size 164x16
               chunk 1 (middle anchor) text run 1 at (693.08,185.40) startOffset 0 endOffset 27 width 163.84: "Randomly Move Colour Picker"
     RenderSVGContainer {g} at (358,389) size 22x15
       RenderSVGPath {rect} at (358,389) size 21x13 [fill={[type=SOLID] [color=#FFFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00]
       RenderSVGPath {rect} at (360,390) size 20x14 [fill={[type=SOLID] [color=#696969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00]
       RenderSVGPath {rect} at (359,389) size 20x14 [fill={[type=SOLID] [color=#DCDCDC]}] [x=460.00] [y=499.00] [width=25.00] [height=16.00]
-      RenderSVGText {text} at (464,500) size 17x17 contains 1 chunk(s)
-        RenderSVGTSpan {tspan} at (0,0) size 17x17
-          RenderSVGInlineText {#text} at (0,0) size 17x17
+      RenderSVGText {text} at (464,500) size 17x16 contains 1 chunk(s)
+        RenderSVGTSpan {tspan} at (0,0) size 17x16
+          RenderSVGInlineText {#text} at (0,0) size 17x16
             chunk 1 (middle anchor) text run 1 at (464.18,512.40) startOffset 0 endOffset 2 width 16.64: "OK"