| OLD | NEW |
| 1 circle: { | 1 circle{ |
| 2 "paths": [ | 2 "paths": [ |
| 3 { | 3 { |
| 4 "path": ["M", 88, 8, "L", 88, 8, "C", 132, 8, 168, 44, 168, 88, "L", 168,
88, "C", 168, 132, 132, 168, 88, 168, "L", 88, 168, "C", 44, 168, 8, 132, 8, 88,
"L", 8, 88, "C", 8, 44, 44, 8, 88, 8, "Z"], | 4 "path": [ |
| 5 "M", |
| 6 88, |
| 7 8, |
| 8 "L", |
| 9 88, |
| 10 8, |
| 11 "C", |
| 12 132, |
| 13 8, |
| 14 168, |
| 15 44, |
| 16 168, |
| 17 88, |
| 18 "L", |
| 19 168, |
| 20 88, |
| 21 "C", |
| 22 168, |
| 23 132, |
| 24 132, |
| 25 168, |
| 26 88, |
| 27 168, |
| 28 "L", |
| 29 88, |
| 30 168, |
| 31 "C", |
| 32 44, |
| 33 168, |
| 34 8, |
| 35 132, |
| 36 8, |
| 37 88, |
| 38 "L", |
| 39 8, |
| 40 88, |
| 41 "C", |
| 42 8, |
| 43 44, |
| 44 44, |
| 45 8, |
| 46 88, |
| 47 8, |
| 48 "Z" |
| 49 ], |
| 5 "fillColor": "rgba(0, 0, 0, 0)" | 50 "fillColor": "rgba(0, 0, 0, 0)" |
| 6 }, | 51 }, |
| 7 { | 52 { |
| 8 "path": ["M", 88, -24, "L", 88, -24, "C", 150, -24, 200, 26, 200, 88, "L",
200, 88, "C", 200, 150, 150, 200, 88, 200, "L", 88, 200, "C", 26, 200, -24, 150
, -24, 88, "L", -24, 88, "C", -24, 26, 26, -24, 88, -24, "Z"], | 53 "path": [ |
| 54 "M", |
| 55 88, |
| 56 -24, |
| 57 "L", |
| 58 88, |
| 59 -24, |
| 60 "C", |
| 61 150, |
| 62 -24, |
| 63 200, |
| 64 26, |
| 65 200, |
| 66 88, |
| 67 "L", |
| 68 200, |
| 69 88, |
| 70 "C", |
| 71 200, |
| 72 150, |
| 73 150, |
| 74 200, |
| 75 88, |
| 76 200, |
| 77 "L", |
| 78 88, |
| 79 200, |
| 80 "C", |
| 81 26, |
| 82 200, |
| 83 -24, |
| 84 150, |
| 85 -24, |
| 86 88, |
| 87 "L", |
| 88 -24, |
| 89 88, |
| 90 "C", |
| 91 -24, |
| 92 26, |
| 93 26, |
| 94 -24, |
| 95 88, |
| 96 -24, |
| 97 "Z" |
| 98 ], |
| 9 "fillColor": "rgba(128, 128, 128, 0)" | 99 "fillColor": "rgba(128, 128, 128, 0)" |
| 10 }, | 100 }, |
| 11 { | 101 { |
| 12 "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"], | 102 "path": [ |
| 103 "M", |
| 104 24, |
| 105 24, |
| 106 "L", |
| 107 152, |
| 108 24, |
| 109 "L", |
| 110 152, |
| 111 152, |
| 112 "L", |
| 113 24, |
| 114 152, |
| 115 "Z" |
| 116 ], |
| 13 "fillColor": "rgba(255, 0, 0, 0)", | 117 "fillColor": "rgba(255, 0, 0, 0)", |
| 14 "outlineColor": "rgba(128, 0, 0, 0)" | 118 "outlineColor": "rgba(128, 0, 0, 0)" |
| 15 }, | 119 }, |
| 16 { | 120 { |
| 17 "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"], | 121 "path": [ |
| 122 "M", |
| 123 24, |
| 124 24, |
| 125 "L", |
| 126 152, |
| 127 24, |
| 128 "L", |
| 129 152, |
| 130 152, |
| 131 "L", |
| 132 24, |
| 133 152, |
| 134 "Z" |
| 135 ], |
| 18 "fillColor": "rgba(0, 255, 0, 0)" | 136 "fillColor": "rgba(0, 255, 0, 0)" |
| 19 }, | 137 }, |
| 20 { | 138 { |
| 21 "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"], | 139 "path": [ |
| 140 "M", |
| 141 24, |
| 142 24, |
| 143 "L", |
| 144 152, |
| 145 24, |
| 146 "L", |
| 147 152, |
| 148 152, |
| 149 "L", |
| 150 24, |
| 151 152, |
| 152 "Z" |
| 153 ], |
| 22 "fillColor": "rgba(0, 0, 255, 0)" | 154 "fillColor": "rgba(0, 0, 255, 0)" |
| 23 }, | 155 }, |
| 24 { | 156 { |
| 25 "path": ["M", 8, 8, "L", 168, 8, "L", 168, 168, "L", 8, 168, "Z"], | 157 "path": [ |
| 158 "M", |
| 159 8, |
| 160 8, |
| 161 "L", |
| 162 168, |
| 163 8, |
| 164 "L", |
| 165 168, |
| 166 168, |
| 167 "L", |
| 168 8, |
| 169 168, |
| 170 "Z" |
| 171 ], |
| 26 "fillColor": "rgba(255, 255, 255, 0)" | 172 "fillColor": "rgba(255, 255, 255, 0)" |
| 27 } | 173 } |
| 28 ], | 174 ], |
| 29 "showRulers": true, | 175 "showRulers": true, |
| 30 "showExtensionLines": true, | 176 "showExtensionLines": true, |
| 31 "elementInfo": { | 177 "elementInfo": { |
| 32 "tagName": "div", | 178 "tagName": "div", |
| 33 "idValue": "circle", | 179 "idValue": "circle", |
| 34 "className": ".float.circle", | 180 "className": ".float.circle", |
| 35 "nodeWidth": "128", | 181 "nodeWidth": "128", |
| 36 "nodeHeight": "128" | 182 "nodeHeight": "128" |
| 37 } | 183 } |
| 38 } | 184 } |
| 39 | 185 circle{ |
| 40 circle: { | |
| 41 "paths": [ | 186 "paths": [ |
| 42 { | 187 { |
| 43 "path": ["M", 88, 8, "L", 88, 8, "C", 132, 8, 168, 44, 168, 88, "L", 168,
88, "C", 168, 132, 132, 168, 88, 168, "L", 88, 168, "C", 44, 168, 8, 132, 8, 88,
"L", 8, 88, "C", 8, 44, 44, 8, 88, 8, "Z"], | 188 "path": [ |
| 189 "M", |
| 190 88, |
| 191 8, |
| 192 "L", |
| 193 88, |
| 194 8, |
| 195 "C", |
| 196 132, |
| 197 8, |
| 198 168, |
| 199 44, |
| 200 168, |
| 201 88, |
| 202 "L", |
| 203 168, |
| 204 88, |
| 205 "C", |
| 206 168, |
| 207 132, |
| 208 132, |
| 209 168, |
| 210 88, |
| 211 168, |
| 212 "L", |
| 213 88, |
| 214 168, |
| 215 "C", |
| 216 44, |
| 217 168, |
| 218 8, |
| 219 132, |
| 220 8, |
| 221 88, |
| 222 "L", |
| 223 8, |
| 224 88, |
| 225 "C", |
| 226 8, |
| 227 44, |
| 228 44, |
| 229 8, |
| 230 88, |
| 231 8, |
| 232 "Z" |
| 233 ], |
| 44 "fillColor": "rgba(0, 0, 0, 0)" | 234 "fillColor": "rgba(0, 0, 0, 0)" |
| 45 }, | 235 }, |
| 46 { | 236 { |
| 47 "path": ["M", 88, -24, "L", 88, -24, "C", 150, -24, 200, 26, 200, 88, "L",
200, 88, "C", 200, 150, 150, 200, 88, 200, "L", 88, 200, "C", 26, 200, -24, 150
, -24, 88, "L", -24, 88, "C", -24, 26, 26, -24, 88, -24, "Z"], | 237 "path": [ |
| 238 "M", |
| 239 88, |
| 240 -24, |
| 241 "L", |
| 242 88, |
| 243 -24, |
| 244 "C", |
| 245 150, |
| 246 -24, |
| 247 200, |
| 248 26, |
| 249 200, |
| 250 88, |
| 251 "L", |
| 252 200, |
| 253 88, |
| 254 "C", |
| 255 200, |
| 256 150, |
| 257 150, |
| 258 200, |
| 259 88, |
| 260 200, |
| 261 "L", |
| 262 88, |
| 263 200, |
| 264 "C", |
| 265 26, |
| 266 200, |
| 267 -24, |
| 268 150, |
| 269 -24, |
| 270 88, |
| 271 "L", |
| 272 -24, |
| 273 88, |
| 274 "C", |
| 275 -24, |
| 276 26, |
| 277 26, |
| 278 -24, |
| 279 88, |
| 280 -24, |
| 281 "Z" |
| 282 ], |
| 48 "fillColor": "rgba(128, 128, 128, 0)" | 283 "fillColor": "rgba(128, 128, 128, 0)" |
| 49 }, | 284 }, |
| 50 { | 285 { |
| 51 "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"], | 286 "path": [ |
| 287 "M", |
| 288 24, |
| 289 24, |
| 290 "L", |
| 291 152, |
| 292 24, |
| 293 "L", |
| 294 152, |
| 295 152, |
| 296 "L", |
| 297 24, |
| 298 152, |
| 299 "Z" |
| 300 ], |
| 52 "fillColor": "rgba(255, 0, 0, 0)", | 301 "fillColor": "rgba(255, 0, 0, 0)", |
| 53 "outlineColor": "rgba(128, 0, 0, 0)" | 302 "outlineColor": "rgba(128, 0, 0, 0)" |
| 54 }, | 303 }, |
| 55 { | 304 { |
| 56 "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"], | 305 "path": [ |
| 306 "M", |
| 307 24, |
| 308 24, |
| 309 "L", |
| 310 152, |
| 311 24, |
| 312 "L", |
| 313 152, |
| 314 152, |
| 315 "L", |
| 316 24, |
| 317 152, |
| 318 "Z" |
| 319 ], |
| 57 "fillColor": "rgba(0, 255, 0, 0)" | 320 "fillColor": "rgba(0, 255, 0, 0)" |
| 58 }, | 321 }, |
| 59 { | 322 { |
| 60 "path": ["M", 24, 24, "L", 152, 24, "L", 152, 152, "L", 24, 152, "Z"], | 323 "path": [ |
| 324 "M", |
| 325 24, |
| 326 24, |
| 327 "L", |
| 328 152, |
| 329 24, |
| 330 "L", |
| 331 152, |
| 332 152, |
| 333 "L", |
| 334 24, |
| 335 152, |
| 336 "Z" |
| 337 ], |
| 61 "fillColor": "rgba(0, 0, 255, 0)" | 338 "fillColor": "rgba(0, 0, 255, 0)" |
| 62 }, | 339 }, |
| 63 { | 340 { |
| 64 "path": ["M", 8, 8, "L", 168, 8, "L", 168, 168, "L", 8, 168, "Z"], | 341 "path": [ |
| 342 "M", |
| 343 8, |
| 344 8, |
| 345 "L", |
| 346 168, |
| 347 8, |
| 348 "L", |
| 349 168, |
| 350 168, |
| 351 "L", |
| 352 8, |
| 353 168, |
| 354 "Z" |
| 355 ], |
| 65 "fillColor": "rgba(255, 255, 255, 0)" | 356 "fillColor": "rgba(255, 255, 255, 0)" |
| 66 } | 357 } |
| 67 ], | 358 ], |
| 68 "showRulers": true, | 359 "showRulers": true, |
| 69 "showExtensionLines": true, | 360 "showExtensionLines": true, |
| 70 "elementInfo": { | 361 "elementInfo": { |
| 71 "tagName": "div", | 362 "tagName": "div", |
| 72 "idValue": "circle", | 363 "idValue": "circle", |
| 73 "className": ".float.circle", | 364 "className": ".float.circle", |
| 74 "nodeWidth": "128", | 365 "nodeWidth": "128", |
| 75 "nodeHeight": "128" | 366 "nodeHeight": "128" |
| 76 } | 367 } |
| 77 } | 368 } |
| 78 | 369 |
| 79 | |
| OLD | NEW |