| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 LayoutSVGRoot {svg} at (0,0) size 800x600 | 4 LayoutSVGRoot {svg} at (0,0) size 800x600 |
| 5 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 | 5 LayoutSVGHiddenContainer {defs} at (0,0) size 0x0 |
| 6 LayoutSVGHiddenContainer {symbol} at (0,-10) size 0x20 | 6 LayoutSVGHiddenContainer {symbol} at (0,-10) size 0x20 |
| 7 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [color=#
696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y
1=-10.00] [x2=0.00] [y2=10.00] | 7 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [color=#
696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00] [y
1=-10.00] [x2=0.00] [y2=10.00] |
| 8 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker1_hueGra
dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] | 8 LayoutSVGResourceLinearGradient {linearGradient} [id="colourPicker1_hueGra
dient"] [gradientUnits=objectBoundingBox] [start=(0,0)] [end=(1,0)] |
| 9 LayoutSVGGradientStop {stop} [offset=0.00] [color=#FF0000] | 9 LayoutSVGGradientStop {stop} [offset=0.00] [color=#FF0000] |
| 10 LayoutSVGGradientStop {stop} [offset=0.17] [color=#FFFF00] | 10 LayoutSVGGradientStop {stop} [offset=0.17] [color=#FFFF00] |
| (...skipping 174 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 185 LayoutSVGInlineText {#text} at (916,580.58) size 64x15.36 | 185 LayoutSVGInlineText {#text} at (916,580.58) size 64x15.36 |
| 186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 wid
th 64.00: "Opacity (%)" | 186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 wid
th 64.00: "Opacity (%)" |
| 187 LayoutSVGText {text} at (712,602.48) size 232.06x15.36 contains 1 chunk(
s) | 187 LayoutSVGText {text} at (712,602.48) size 232.06x15.36 contains 1 chunk(
s) |
| 188 LayoutSVGInlineText {#text} at (712,602.48) size 232.06x15.36 | 188 LayoutSVGInlineText {#text} at (712,602.48) size 232.06x15.36 |
| 189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 wid
th 232.07: "RGBA: 120,120,120,100; HSVA: 0,0,47,100" | 189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 wid
th 232.07: "RGBA: 120,120,120,100; HSVA: 0,0,47,100" |
| 190 LayoutSVGContainer {g} at (490,190) size 335.11x153.03 [transform={m=((0.71,
0.71)(-0.71,0.71)) t=(0.00,-400.00)}] | 190 LayoutSVGContainer {g} at (490,190) size 335.11x153.03 [transform={m=((0.71,
0.71)(-0.71,0.71)) t=(0.00,-400.00)}] |
| 191 LayoutSVGRect {rect} at (490,190) size 320x110 [fill={[type=SOLID] [color=
#00FFFF] [opacity=0.50]}] [x=490.00] [y=190.00] [width=320.00] [height=110.00] | 191 LayoutSVGRect {rect} at (490,190) size 320x110 [fill={[type=SOLID] [color=
#00FFFF] [opacity=0.50]}] [x=490.00] [y=190.00] [width=320.00] [height=110.00] |
| 192 LayoutSVGText {text} at (500,303.38) size 325.11x39.66 contains 1 chunk(s) | 192 LayoutSVGText {text} at (500,303.38) size 325.11x39.66 contains 1 chunk(s) |
| 193 LayoutSVGInlineText {#text} at (500,303.38) size 305.91x20.47 | 193 LayoutSVGInlineText {#text} at (500,303.38) size 305.91x20.47 |
| 194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width
305.92: "This colourPicker has a callBack function" | 194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width
305.92: "This colourPicker has a callBack function" |
| 195 LayoutSVGTSpan {tspan} at (0,0) size 326x21 | 195 LayoutSVGTSpan {tspan} at (500,303.38) size 325.11x39.66 |
| 196 LayoutSVGInlineText {#text} at (500,322.56) size 325.11x20.47 | 196 LayoutSVGInlineText {#text} at (500,322.56) size 325.11x20.47 |
| 197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid
th 325.12: "attached that changes the background color" | 197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid
th 325.12: "attached that changes the background color" |
| 198 LayoutSVGContainer {g} at (500,200) size 300x90 | 198 LayoutSVGContainer {g} at (500,200) size 300x90 |
| 199 LayoutSVGRect {rect} at (500,200) size 300x90 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00] | 199 LayoutSVGRect {rect} at (500,200) size 300x90 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=500.00] [y=200.00] [width=300.00] [height=90.00] |
| 200 LayoutSVGRect {rect} at (512,207.95) size 198x7.50 [fill={[type=LINEAR-G
RADIENT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00]
[height=7.50] | 200 LayoutSVGRect {rect} at (512,207.95) size 198x7.50 [fill={[type=LINEAR-G
RADIENT] [id="colourPicker2_hueGradient"]}] [x=512.00] [y=207.95] [width=198.00]
[height=7.50] |
| 201 LayoutSVGPath {line} at (512,211.70) size 198x0 [stroke={[type=SOLID] [c
olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty
pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=211.70] [x2=710.00] [
y2=211.70] | 201 LayoutSVGPath {line} at (512,211.70) size 198x0 [stroke={[type=SOLID] [c
olor=#000000] [opacity=0.00] [stroke width=15.00] [line cap=SQUARE]}] [fill={[ty
pe=SOLID] [color=#000000] [opacity=0.00]}] [x1=512.00] [y1=211.70] [x2=710.00] [
y2=211.70] |
| 202 LayoutSVGPath {line} at (512,211.70) size 198x0 [x1=512.00] [y1=211.70]
[x2=710.00] [y2=211.70] | 202 LayoutSVGPath {line} at (512,211.70) size 198x0 [x1=512.00] [y1=211.70]
[x2=710.00] [y2=211.70] |
| 203 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(630.80,211.70)}] | 203 LayoutSVGContainer {use} at (0,-10) size 0x20 [transform={m=((1.00,0.00)
(0.00,1.00)) t=(630.80,211.70)}] |
| 204 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20 | 204 LayoutSVGViewportContainer {svg} at (0,-10) size 0x20 |
| 205 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col
or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00
] [y1=-10.00] [x2=0.00] [y2=10.00] | 205 LayoutSVGPath {line} at (0,-10) size 0x20 [stroke={[type=SOLID] [col
or=#696969] [stroke width=5.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=0.00
] [y1=-10.00] [x2=0.00] [y2=10.00] |
| (...skipping 21 matching lines...) Expand all Loading... |
| 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.98) size 238.47x15.36 contains 1 chunk(
s) | 228 LayoutSVGText {text} at (512,273.98) size 238.47x15.36 contains 1 chunk(
s) |
| 229 LayoutSVGInlineText {#text} at (512,273.98) size 238.47x15.36 | 229 LayoutSVGInlineText {#text} at (512,273.98) size 238.47x15.36 |
| 230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 wid
th 238.47: "RGBA: 0,255,255,50; HSVA: 180,100,100,50" | 230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 wid
th 238.47: "RGBA: 0,255,255,50; HSVA: 180,100,100,50" |
| 231 LayoutSVGContainer {g} at (499,169) size 367x350 | 231 LayoutSVGContainer {g} at (499,169) size 367x350 |
| 232 LayoutSVGContainer {g} at (509,441) size 112x22 | 232 LayoutSVGContainer {g} at (509,441) size 112x22 |
| 233 LayoutSVGRect {rect} at (509,441) size 110x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00] | 233 LayoutSVGRect {rect} at (509,441) size 110x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=509.00] [y=441.00] [width=110.00] [height=20.00] |
| 234 LayoutSVGRect {rect} at (511,443) size 110x20 [fill={[type=SOLID] [color
=#696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00] | 234 LayoutSVGRect {rect} at (511,443) size 110x20 [fill={[type=SOLID] [color
=#696969]}] [x=511.00] [y=443.00] [width=110.00] [height=20.00] |
| 235 LayoutSVGRect {rect} at (510,442) size 110x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=510.00] [y=442.00] [width=110.00] [height=20.00] | 235 LayoutSVGRect {rect} at (510,442) size 110x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=510.00] [y=442.00] [width=110.00] [height=20.00] |
| 236 LayoutSVGText {text} at (517,445.88) size 96x15.36 contains 1 chunk(s) | 236 LayoutSVGText {text} at (517,445.88) size 96x15.36 contains 1 chunk(s) |
| 237 LayoutSVGTSpan {tspan} at (0,0) size 96x16 | 237 LayoutSVGTSpan {tspan} at (517,445.88) size 96x15.36 |
| 238 LayoutSVGInlineText {#text} at (517,445.88) size 96x15.36 | 238 LayoutSVGInlineText {#text} at (517,445.88) size 96x15.36 |
| 239 chunk 1 (middle anchor) text run 1 at (517.00,457.40) startOffset
0 endOffset 17 width 96.00: "Hide ColourPicker" | 239 chunk 1 (middle anchor) text run 1 at (517.00,457.40) startOffset
0 endOffset 17 width 96.00: "Hide ColourPicker" |
| 240 LayoutSVGContainer {g} at (509,469) size 112x22 | 240 LayoutSVGContainer {g} at (509,469) size 112x22 |
| 241 LayoutSVGRect {rect} at (509,469) size 110x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00] | 241 LayoutSVGRect {rect} at (509,469) size 110x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=509.00] [y=469.00] [width=110.00] [height=20.00] |
| 242 LayoutSVGRect {rect} at (511,471) size 110x20 [fill={[type=SOLID] [color
=#696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00] | 242 LayoutSVGRect {rect} at (511,471) size 110x20 [fill={[type=SOLID] [color
=#696969]}] [x=511.00] [y=471.00] [width=110.00] [height=20.00] |
| 243 LayoutSVGRect {rect} at (510,470) size 110x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=510.00] [y=470.00] [width=110.00] [height=20.00] | 243 LayoutSVGRect {rect} at (510,470) size 110x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=510.00] [y=470.00] [width=110.00] [height=20.00] |
| 244 LayoutSVGText {text} at (522.11,473.88) size 85.75x15.36 contains 1 chun
k(s) | 244 LayoutSVGText {text} at (522.11,473.88) size 85.75x15.36 contains 1 chun
k(s) |
| 245 LayoutSVGTSpan {tspan} at (0,0) size 86x16 | 245 LayoutSVGTSpan {tspan} at (522.11,473.88) size 85.75x15.36 |
| 246 LayoutSVGInlineText {#text} at (522.11,473.88) size 85.75x15.36 | 246 LayoutSVGInlineText {#text} at (522.11,473.88) size 85.75x15.36 |
| 247 chunk 1 (middle anchor) text run 1 at (522.12,485.40) startOffset
0 endOffset 15 width 85.76: "Set Random Fill" | 247 chunk 1 (middle anchor) text run 1 at (522.12,485.40) startOffset
0 endOffset 15 width 85.76: "Set Random Fill" |
| 248 LayoutSVGContainer {g} at (509,497) size 112x22 | 248 LayoutSVGContainer {g} at (509,497) size 112x22 |
| 249 LayoutSVGRect {rect} at (509,497) size 110x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00] | 249 LayoutSVGRect {rect} at (509,497) size 110x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=509.00] [y=497.00] [width=110.00] [height=20.00] |
| 250 LayoutSVGRect {rect} at (511,499) size 110x20 [fill={[type=SOLID] [color
=#696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00] | 250 LayoutSVGRect {rect} at (511,499) size 110x20 [fill={[type=SOLID] [color
=#696969]}] [x=511.00] [y=499.00] [width=110.00] [height=20.00] |
| 251 LayoutSVGRect {rect} at (510,498) size 110x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=510.00] [y=498.00] [width=110.00] [height=20.00] | 251 LayoutSVGRect {rect} at (510,498) size 110x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=510.00] [y=498.00] [width=110.00] [height=20.00] |
| 252 LayoutSVGText {text} at (512.52,501.88) size 104.95x15.36 contains 1 chu
nk(s) | 252 LayoutSVGText {text} at (512.52,501.88) size 104.95x15.36 contains 1 chu
nk(s) |
| 253 LayoutSVGTSpan {tspan} at (0,0) size 105x16 | 253 LayoutSVGTSpan {tspan} at (512.52,501.88) size 104.95x15.36 |
| 254 LayoutSVGInlineText {#text} at (512.52,501.88) size 104.95x15.36 | 254 LayoutSVGInlineText {#text} at (512.52,501.88) size 104.95x15.36 |
| 255 chunk 1 (middle anchor) text run 1 at (512.52,513.40) startOffset
0 endOffset 17 width 104.96: "Set Random Stroke" | 255 chunk 1 (middle anchor) text run 1 at (512.52,513.40) startOffset
0 endOffset 17 width 104.96: "Set Random Stroke" |
| 256 LayoutSVGContainer {g} at (499,169) size 182x22 | 256 LayoutSVGContainer {g} at (499,169) size 182x22 |
| 257 LayoutSVGRect {rect} at (499,169) size 180x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00] | 257 LayoutSVGRect {rect} at (499,169) size 180x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=499.00] [y=169.00] [width=180.00] [height=20.00] |
| 258 LayoutSVGRect {rect} at (501,171) size 180x20 [fill={[type=SOLID] [color
=#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00] | 258 LayoutSVGRect {rect} at (501,171) size 180x20 [fill={[type=SOLID] [color
=#696969]}] [x=501.00] [y=171.00] [width=180.00] [height=20.00] |
| 259 LayoutSVGRect {rect} at (500,170) size 180x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=500.00] [y=170.00] [width=180.00] [height=20.00] | 259 LayoutSVGRect {rect} at (500,170) size 180x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=500.00] [y=170.00] [width=180.00] [height=20.00] |
| 260 LayoutSVGText {text} at (504.88,173.88) size 170.23x15.36 contains 1 chu
nk(s) | 260 LayoutSVGText {text} at (504.88,173.88) size 170.23x15.36 contains 1 chu
nk(s) |
| 261 LayoutSVGTSpan {tspan} at (0,0) size 171x16 | 261 LayoutSVGTSpan {tspan} at (504.88,173.88) size 170.23x15.36 |
| 262 LayoutSVGInlineText {#text} at (504.88,173.88) size 170.23x15.36 | 262 LayoutSVGInlineText {#text} at (504.88,173.88) size 170.23x15.36 |
| 263 chunk 1 (middle anchor) text run 1 at (504.88,185.40) startOffset
0 endOffset 29 width 170.24: "Randomly Resize Colour Picker" | 263 chunk 1 (middle anchor) text run 1 at (504.88,185.40) startOffset
0 endOffset 29 width 170.24: "Randomly Resize Colour Picker" |
| 264 LayoutSVGContainer {g} at (684,169) size 182x22 | 264 LayoutSVGContainer {g} at (684,169) size 182x22 |
| 265 LayoutSVGRect {rect} at (684,169) size 180x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00] | 265 LayoutSVGRect {rect} at (684,169) size 180x20 [fill={[type=SOLID] [color
=#FFFFFF]}] [x=684.00] [y=169.00] [width=180.00] [height=20.00] |
| 266 LayoutSVGRect {rect} at (686,171) size 180x20 [fill={[type=SOLID] [color
=#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00] | 266 LayoutSVGRect {rect} at (686,171) size 180x20 [fill={[type=SOLID] [color
=#696969]}] [x=686.00] [y=171.00] [width=180.00] [height=20.00] |
| 267 LayoutSVGRect {rect} at (685,170) size 180x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=685.00] [y=170.00] [width=180.00] [height=20.00] | 267 LayoutSVGRect {rect} at (685,170) size 180x20 [fill={[type=SOLID] [color
=#DCDCDC]}] [x=685.00] [y=170.00] [width=180.00] [height=20.00] |
| 268 LayoutSVGText {text} at (693.08,173.88) size 163.83x15.36 contains 1 chu
nk(s) | 268 LayoutSVGText {text} at (693.08,173.88) size 163.83x15.36 contains 1 chu
nk(s) |
| 269 LayoutSVGTSpan {tspan} at (0,0) size 164x16 | 269 LayoutSVGTSpan {tspan} at (693.08,173.88) size 163.83x15.36 |
| 270 LayoutSVGInlineText {#text} at (693.08,173.88) size 163.83x15.36 | 270 LayoutSVGInlineText {#text} at (693.08,173.88) size 163.83x15.36 |
| 271 chunk 1 (middle anchor) text run 1 at (693.08,185.40) startOffset
0 endOffset 27 width 163.84: "Randomly Move Colour Picker" | 271 chunk 1 (middle anchor) text run 1 at (693.08,185.40) startOffset
0 endOffset 27 width 163.84: "Randomly Move Colour Picker" |
| 272 LayoutSVGContainer {g} at (459,498) size 27x18.23 | 272 LayoutSVGContainer {g} at (459,498) size 27x18.23 |
| 273 LayoutSVGRect {rect} at (459,498) size 25x16 [fill={[type=SOLID] [color=#F
FFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00] | 273 LayoutSVGRect {rect} at (459,498) size 25x16 [fill={[type=SOLID] [color=#F
FFFFF]}] [x=459.00] [y=498.00] [width=25.00] [height=16.00] |
| 274 LayoutSVGRect {rect} at (461,500) size 25x16 [fill={[type=SOLID] [color=#6
96969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00] | 274 LayoutSVGRect {rect} at (461,500) size 25x16 [fill={[type=SOLID] [color=#6
96969]}] [x=461.00] [y=500.00] [width=25.00] [height=16.00] |
| 275 LayoutSVGRect {rect} at (460,499) size 25x16 [fill={[type=SOLID] [color=#D
CDCDC]}] [x=460.00] [y=499.00] [width=25.00] [height=16.00] | 275 LayoutSVGRect {rect} at (460,499) size 25x16 [fill={[type=SOLID] [color=#D
CDCDC]}] [x=460.00] [y=499.00] [width=25.00] [height=16.00] |
| 276 LayoutSVGText {text} at (464.17,500.88) size 16.63x15.36 contains 1 chunk(
s) | 276 LayoutSVGText {text} at (464.17,500.88) size 16.63x15.36 contains 1 chunk(
s) |
| 277 LayoutSVGTSpan {tspan} at (0,0) size 17x16 | 277 LayoutSVGTSpan {tspan} at (464.17,500.88) size 16.63x15.36 |
| 278 LayoutSVGInlineText {#text} at (464.17,500.88) size 16.63x15.36 | 278 LayoutSVGInlineText {#text} at (464.17,500.88) size 16.63x15.36 |
| 279 chunk 1 (middle anchor) text run 1 at (464.18,512.40) startOffset 0
endOffset 2 width 16.64: "OK" | 279 chunk 1 (middle anchor) text run 1 at (464.18,512.40) startOffset 0
endOffset 2 width 16.64: "OK" |
| OLD | NEW |