| 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,581.86) size 62.64x12.80 | 185 LayoutSVGInlineText {#text} at (916,581.86) size 62.64x12.80 |
| 186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 wid
th 62.64: "Opacity (%)" | 186 chunk 1 text run 1 at (916.00,592.10) startOffset 0 endOffset 11 wid
th 62.64: "Opacity (%)" |
| 187 LayoutSVGText {text} at (712,603.77) size 232.47x12.80 contains 1 chunk(
s) | 187 LayoutSVGText {text} at (712,603.77) size 232.47x12.80 contains 1 chunk(
s) |
| 188 LayoutSVGInlineText {#text} at (712,603.77) size 232.47x12.80 | 188 LayoutSVGInlineText {#text} at (712,603.77) size 232.47x12.80 |
| 189 chunk 1 text run 1 at (712.00,614.00) startOffset 0 endOffset 39 wid
th 232.48: "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.48: "RGBA: 120,120,120,100; HSVA: 0,0,47,100" |
| 190 LayoutSVGContainer {g} at (490,190) size 321.55x153.02 [transform={m=((0.71,
0.71)(-0.71,0.71)) t=(0.00,-400.00)}] | 190 LayoutSVGContainer {g} at (490,190) size 321.55x153.02 [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,305.92) size 311.55x37.09 contains 1 chunk(s) | 192 LayoutSVGText {text} at (500,305.92) size 311.55x37.09 contains 1 chunk(s) |
| 193 LayoutSVGInlineText {#text} at (500,305.92) size 290.80x17.91 | 193 LayoutSVGInlineText {#text} at (500,305.92) size 290.80x17.91 |
| 194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width
290.80: "This colourPicker has a callBack function" | 194 chunk 1 text run 1 at (500.00,320.00) startOffset 0 endOffset 41 width
290.80: "This colourPicker has a callBack function" |
| 195 LayoutSVGTSpan {tspan} at (0,0) size 312x19 | 195 LayoutSVGTSpan {tspan} at (500,305.92) size 311.55x37.09 |
| 196 LayoutSVGInlineText {#text} at (500,325.11) size 311.55x17.91 | 196 LayoutSVGInlineText {#text} at (500,325.11) size 311.55x17.91 |
| 197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid
th 311.33: "attached that changes the background color" | 197 chunk 1 text run 1 at (500.00,339.20) startOffset 0 endOffset 42 wid
th 311.33: "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 62.64: "Opacity (%)" | 227 chunk 1 text run 1 at (716.00,264.20) startOffset 0 endOffset 11 wid
th 62.64: "Opacity (%)" |
| 228 LayoutSVGText {text} at (512,275.27) size 239.14x12.80 contains 1 chunk(
s) | 228 LayoutSVGText {text} at (512,275.27) size 239.14x12.80 contains 1 chunk(
s) |
| 229 LayoutSVGInlineText {#text} at (512,275.27) size 239.14x12.80 | 229 LayoutSVGInlineText {#text} at (512,275.27) size 239.14x12.80 |
| 230 chunk 1 text run 1 at (512.00,285.50) startOffset 0 endOffset 40 wid
th 239.15: "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.15: "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 (516.67,447.16) size 96.81x12.80 contains 1 chun
k(s) | 236 LayoutSVGText {text} at (516.67,447.16) size 96.81x12.80 contains 1 chun
k(s) |
| 237 LayoutSVGTSpan {tspan} at (0,0) size 97x13 | 237 LayoutSVGTSpan {tspan} at (516.67,447.16) size 96.81x12.80 |
| 238 LayoutSVGInlineText {#text} at (516.67,447.16) size 96.81x12.80 | 238 LayoutSVGInlineText {#text} at (516.67,447.16) size 96.81x12.80 |
| 239 chunk 1 (middle anchor) text run 1 at (516.67,457.40) startOffset
0 endOffset 17 width 96.65: "Hide ColourPicker" | 239 chunk 1 (middle anchor) text run 1 at (516.67,457.40) startOffset
0 endOffset 17 width 96.65: "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.33,475.16) size 85.31x12.80 contains 1 chun
k(s) | 244 LayoutSVGText {text} at (522.33,475.16) size 85.31x12.80 contains 1 chun
k(s) |
| 245 LayoutSVGTSpan {tspan} at (0,0) size 86x13 | 245 LayoutSVGTSpan {tspan} at (522.33,475.16) size 85.31x12.80 |
| 246 LayoutSVGInlineText {#text} at (522.33,475.16) size 85.31x12.80 | 246 LayoutSVGInlineText {#text} at (522.33,475.16) size 85.31x12.80 |
| 247 chunk 1 (middle anchor) text run 1 at (522.34,485.40) startOffset
0 endOffset 15 width 85.32: "Set Random Fill" | 247 chunk 1 (middle anchor) text run 1 at (522.34,485.40) startOffset
0 endOffset 15 width 85.32: "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.66,503.16) size 104.66x12.80 contains 1 chu
nk(s) | 252 LayoutSVGText {text} at (512.66,503.16) size 104.66x12.80 contains 1 chu
nk(s) |
| 253 LayoutSVGTSpan {tspan} at (0,0) size 105x13 | 253 LayoutSVGTSpan {tspan} at (512.66,503.16) size 104.66x12.80 |
| 254 LayoutSVGInlineText {#text} at (512.66,503.16) size 104.66x12.80 | 254 LayoutSVGInlineText {#text} at (512.66,503.16) size 104.66x12.80 |
| 255 chunk 1 (middle anchor) text run 1 at (512.67,513.40) startOffset
0 endOffset 17 width 104.66: "Set Random Stroke" | 255 chunk 1 (middle anchor) text run 1 at (512.67,513.40) startOffset
0 endOffset 17 width 104.66: "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 (505.34,175.16) size 169.45x12.80 contains 1 chu
nk(s) | 260 LayoutSVGText {text} at (505.34,175.16) size 169.45x12.80 contains 1 chu
nk(s) |
| 261 LayoutSVGTSpan {tspan} at (0,0) size 170x13 | 261 LayoutSVGTSpan {tspan} at (505.34,175.16) size 169.45x12.80 |
| 262 LayoutSVGInlineText {#text} at (505.34,175.16) size 169.45x12.80 | 262 LayoutSVGInlineText {#text} at (505.34,175.16) size 169.45x12.80 |
| 263 chunk 1 (middle anchor) text run 1 at (505.35,185.40) startOffset
0 endOffset 29 width 169.30: "Randomly Resize Colour Picker" | 263 chunk 1 (middle anchor) text run 1 at (505.35,185.40) startOffset
0 endOffset 29 width 169.30: "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 (694,175.16) size 162.13x12.80 contains 1 chunk(
s) | 268 LayoutSVGText {text} at (694,175.16) size 162.13x12.80 contains 1 chunk(
s) |
| 269 LayoutSVGTSpan {tspan} at (0,0) size 163x13 | 269 LayoutSVGTSpan {tspan} at (694,175.16) size 162.13x12.80 |
| 270 LayoutSVGInlineText {#text} at (694,175.16) size 162.13x12.80 | 270 LayoutSVGInlineText {#text} at (694,175.16) size 162.13x12.80 |
| 271 chunk 1 (middle anchor) text run 1 at (694.01,185.40) startOffset
0 endOffset 27 width 161.97: "Randomly Move Colour Picker" | 271 chunk 1 (middle anchor) text run 1 at (694.01,185.40) startOffset
0 endOffset 27 width 161.97: "Randomly Move Colour Picker" |
| 272 LayoutSVGContainer {g} at (459,498) size 27x18 | 272 LayoutSVGContainer {g} at (459,498) size 27x18 |
| 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 (463.83,502.16) size 17.33x12.80 contains 1 chunk(
s) | 276 LayoutSVGText {text} at (463.83,502.16) size 17.33x12.80 contains 1 chunk(
s) |
| 277 LayoutSVGTSpan {tspan} at (0,0) size 18x13 | 277 LayoutSVGTSpan {tspan} at (463.83,502.16) size 17.33x12.80 |
| 278 LayoutSVGInlineText {#text} at (463.83,502.16) size 17.33x12.80 | 278 LayoutSVGInlineText {#text} at (463.83,502.16) size 17.33x12.80 |
| 279 chunk 1 (middle anchor) text run 1 at (463.84,512.40) startOffset 0
endOffset 2 width 17.33: "OK" | 279 chunk 1 (middle anchor) text run 1 at (463.84,512.40) startOffset 0
endOffset 2 width 17.33: "OK" |
| OLD | NEW |