| OLD | NEW |
| (Empty) |
| 1 Some Text | |
| 2 And More Text | |
| 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet e
st sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales n
ulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodale
s ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra. | |
| 4 | |
| 5 Lets have a span | |
| 6 Rotated text! | |
| 7 | |
| 8 | |
| 9 LayoutTreeNodes result: | |
| 10 { | |
| 11 "layoutTreeNodes": [ | |
| 12 { | |
| 13 "backendNodeId": 1, | |
| 14 "boundingBox": { | |
| 15 "x": 0, | |
| 16 "y": 0, | |
| 17 "width": 785, | |
| 18 "height": 600 | |
| 19 } | |
| 20 }, | |
| 21 { | |
| 22 "backendNodeId": 2, | |
| 23 "boundingBox": { | |
| 24 "x": 0, | |
| 25 "y": 0, | |
| 26 "width": 785, | |
| 27 "height": 860 | |
| 28 } | |
| 29 }, | |
| 30 { | |
| 31 "backendNodeId": 3, | |
| 32 "boundingBox": { | |
| 33 "x": 8, | |
| 34 "y": 8, | |
| 35 "width": 769, | |
| 36 "height": 844 | |
| 37 } | |
| 38 }, | |
| 39 { | |
| 40 "backendNodeId": 4, | |
| 41 "boundingBox": { | |
| 42 "x": 8, | |
| 43 "y": 8, | |
| 44 "width": 769, | |
| 45 "height": 844 | |
| 46 } | |
| 47 }, | |
| 48 { | |
| 49 "backendNodeId": 5, | |
| 50 "boundingBox": { | |
| 51 "x": 8, | |
| 52 "y": 8, | |
| 53 "width": 769, | |
| 54 "height": 16 | |
| 55 } | |
| 56 }, | |
| 57 { | |
| 58 "backendNodeId": 6, | |
| 59 "boundingBox": { | |
| 60 "x": 8, | |
| 61 "y": 8, | |
| 62 "width": 144, | |
| 63 "height": 16 | |
| 64 }, | |
| 65 "layoutText": "Some Text", | |
| 66 "inlineTextNodes": [ | |
| 67 { | |
| 68 "boundingBox": { | |
| 69 "x": 8, | |
| 70 "y": 8, | |
| 71 "width": 144, | |
| 72 "height": 16 | |
| 73 }, | |
| 74 "startCharacterIndex": 0, | |
| 75 "numCharacters": 9 | |
| 76 } | |
| 77 ] | |
| 78 }, | |
| 79 { | |
| 80 "backendNodeId": 7, | |
| 81 "boundingBox": { | |
| 82 "x": 8, | |
| 83 "y": 568, | |
| 84 "width": 224, | |
| 85 "height": 16 | |
| 86 }, | |
| 87 "layoutText": " And More Text\n ", | |
| 88 "inlineTextNodes": [ | |
| 89 { | |
| 90 "boundingBox": { | |
| 91 "x": 8, | |
| 92 "y": 568, | |
| 93 "width": 224, | |
| 94 "height": 16 | |
| 95 }, | |
| 96 "startCharacterIndex": 1, | |
| 97 "numCharacters": 14 | |
| 98 } | |
| 99 ] | |
| 100 }, | |
| 101 { | |
| 102 "backendNodeId": 8, | |
| 103 "boundingBox": { | |
| 104 "x": 232, | |
| 105 "y": 24, | |
| 106 "width": 200, | |
| 107 "height": 576 | |
| 108 } | |
| 109 }, | |
| 110 { | |
| 111 "backendNodeId": 9, | |
| 112 "boundingBox": { | |
| 113 "x": 232, | |
| 114 "y": 40, | |
| 115 "width": 200, | |
| 116 "height": 480 | |
| 117 } | |
| 118 }, | |
| 119 { | |
| 120 "backendNodeId": 10, | |
| 121 "boundingBox": { | |
| 122 "x": 232, | |
| 123 "y": 40, | |
| 124 "width": 192, | |
| 125 "height": 480 | |
| 126 }, | |
| 127 "layoutText": "\n Lorem ipsum dolor sit amet, consectetur adipiscin
g elit. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuer
e odio at, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollic
itudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendr
erit efficitur est. Quisque gravida facilisis viverra.\n ", | |
| 128 "inlineTextNodes": [ | |
| 129 { | |
| 130 "boundingBox": { | |
| 131 "x": 232, | |
| 132 "y": 40, | |
| 133 "width": 176, | |
| 134 "height": 16 | |
| 135 }, | |
| 136 "startCharacterIndex": 9, | |
| 137 "numCharacters": 11 | |
| 138 }, | |
| 139 { | |
| 140 "boundingBox": { | |
| 141 "x": 232, | |
| 142 "y": 56, | |
| 143 "width": 144, | |
| 144 "height": 16 | |
| 145 }, | |
| 146 "startCharacterIndex": 21, | |
| 147 "numCharacters": 9 | |
| 148 }, | |
| 149 { | |
| 150 "boundingBox": { | |
| 151 "x": 232, | |
| 152 "y": 72, | |
| 153 "width": 80, | |
| 154 "height": 16 | |
| 155 }, | |
| 156 "startCharacterIndex": 31, | |
| 157 "numCharacters": 5 | |
| 158 }, | |
| 159 { | |
| 160 "boundingBox": { | |
| 161 "x": 232, | |
| 162 "y": 88, | |
| 163 "width": 176, | |
| 164 "height": 16 | |
| 165 }, | |
| 166 "startCharacterIndex": 37, | |
| 167 "numCharacters": 11 | |
| 168 }, | |
| 169 { | |
| 170 "boundingBox": { | |
| 171 "x": 232, | |
| 172 "y": 104, | |
| 173 "width": 160, | |
| 174 "height": 16 | |
| 175 }, | |
| 176 "startCharacterIndex": 49, | |
| 177 "numCharacters": 10 | |
| 178 }, | |
| 179 { | |
| 180 "boundingBox": { | |
| 181 "x": 232, | |
| 182 "y": 120, | |
| 183 "width": 80, | |
| 184 "height": 16 | |
| 185 }, | |
| 186 "startCharacterIndex": 60, | |
| 187 "numCharacters": 5 | |
| 188 }, | |
| 189 { | |
| 190 "boundingBox": { | |
| 191 "x": 232, | |
| 192 "y": 136, | |
| 193 "width": 192, | |
| 194 "height": 16 | |
| 195 }, | |
| 196 "startCharacterIndex": 66, | |
| 197 "numCharacters": 12 | |
| 198 }, | |
| 199 { | |
| 200 "boundingBox": { | |
| 201 "x": 232, | |
| 202 "y": 152, | |
| 203 "width": 192, | |
| 204 "height": 16 | |
| 205 }, | |
| 206 "startCharacterIndex": 79, | |
| 207 "numCharacters": 12 | |
| 208 }, | |
| 209 { | |
| 210 "boundingBox": { | |
| 211 "x": 232, | |
| 212 "y": 168, | |
| 213 "width": 80, | |
| 214 "height": 16 | |
| 215 }, | |
| 216 "startCharacterIndex": 92, | |
| 217 "numCharacters": 5 | |
| 218 }, | |
| 219 { | |
| 220 "boundingBox": { | |
| 221 "x": 312, | |
| 222 "y": 168, | |
| 223 "width": 96, | |
| 224 "height": 16 | |
| 225 }, | |
| 226 "startCharacterIndex": 105, | |
| 227 "numCharacters": 6 | |
| 228 }, | |
| 229 { | |
| 230 "boundingBox": { | |
| 231 "x": 232, | |
| 232 "y": 184, | |
| 233 "width": 128, | |
| 234 "height": 16 | |
| 235 }, | |
| 236 "startCharacterIndex": 112, | |
| 237 "numCharacters": 8 | |
| 238 }, | |
| 239 { | |
| 240 "boundingBox": { | |
| 241 "x": 232, | |
| 242 "y": 200, | |
| 243 "width": 144, | |
| 244 "height": 16 | |
| 245 }, | |
| 246 "startCharacterIndex": 121, | |
| 247 "numCharacters": 9 | |
| 248 }, | |
| 249 { | |
| 250 "boundingBox": { | |
| 251 "x": 232, | |
| 252 "y": 216, | |
| 253 "width": 192, | |
| 254 "height": 16 | |
| 255 }, | |
| 256 "startCharacterIndex": 131, | |
| 257 "numCharacters": 12 | |
| 258 }, | |
| 259 { | |
| 260 "boundingBox": { | |
| 261 "x": 232, | |
| 262 "y": 232, | |
| 263 "width": 160, | |
| 264 "height": 16 | |
| 265 }, | |
| 266 "startCharacterIndex": 144, | |
| 267 "numCharacters": 10 | |
| 268 }, | |
| 269 { | |
| 270 "boundingBox": { | |
| 271 "x": 232, | |
| 272 "y": 248, | |
| 273 "width": 192, | |
| 274 "height": 16 | |
| 275 }, | |
| 276 "startCharacterIndex": 155, | |
| 277 "numCharacters": 12 | |
| 278 }, | |
| 279 { | |
| 280 "boundingBox": { | |
| 281 "x": 232, | |
| 282 "y": 264, | |
| 283 "width": 112, | |
| 284 "height": 16 | |
| 285 }, | |
| 286 "startCharacterIndex": 168, | |
| 287 "numCharacters": 7 | |
| 288 }, | |
| 289 { | |
| 290 "boundingBox": { | |
| 291 "x": 232, | |
| 292 "y": 280, | |
| 293 "width": 128, | |
| 294 "height": 16 | |
| 295 }, | |
| 296 "startCharacterIndex": 176, | |
| 297 "numCharacters": 8 | |
| 298 }, | |
| 299 { | |
| 300 "boundingBox": { | |
| 301 "x": 232, | |
| 302 "y": 296, | |
| 303 "width": 96, | |
| 304 "height": 16 | |
| 305 }, | |
| 306 "startCharacterIndex": 193, | |
| 307 "numCharacters": 6 | |
| 308 }, | |
| 309 { | |
| 310 "boundingBox": { | |
| 311 "x": 232, | |
| 312 "y": 312, | |
| 313 "width": 144, | |
| 314 "height": 16 | |
| 315 }, | |
| 316 "startCharacterIndex": 200, | |
| 317 "numCharacters": 9 | |
| 318 }, | |
| 319 { | |
| 320 "boundingBox": { | |
| 321 "x": 232, | |
| 322 "y": 328, | |
| 323 "width": 192, | |
| 324 "height": 16 | |
| 325 }, | |
| 326 "startCharacterIndex": 210, | |
| 327 "numCharacters": 12 | |
| 328 }, | |
| 329 { | |
| 330 "boundingBox": { | |
| 331 "x": 232, | |
| 332 "y": 344, | |
| 333 "width": 176, | |
| 334 "height": 16 | |
| 335 }, | |
| 336 "startCharacterIndex": 223, | |
| 337 "numCharacters": 11 | |
| 338 }, | |
| 339 { | |
| 340 "boundingBox": { | |
| 341 "x": 232, | |
| 342 "y": 360, | |
| 343 "width": 192, | |
| 344 "height": 16 | |
| 345 }, | |
| 346 "startCharacterIndex": 235, | |
| 347 "numCharacters": 12 | |
| 348 }, | |
| 349 { | |
| 350 "boundingBox": { | |
| 351 "x": 232, | |
| 352 "y": 376, | |
| 353 "width": 160, | |
| 354 "height": 16 | |
| 355 }, | |
| 356 "startCharacterIndex": 248, | |
| 357 "numCharacters": 10 | |
| 358 }, | |
| 359 { | |
| 360 "boundingBox": { | |
| 361 "x": 232, | |
| 362 "y": 392, | |
| 363 "width": 160, | |
| 364 "height": 16 | |
| 365 }, | |
| 366 "startCharacterIndex": 259, | |
| 367 "numCharacters": 10 | |
| 368 }, | |
| 369 { | |
| 370 "boundingBox": { | |
| 371 "x": 232, | |
| 372 "y": 408, | |
| 373 "width": 176, | |
| 374 "height": 16 | |
| 375 }, | |
| 376 "startCharacterIndex": 270, | |
| 377 "numCharacters": 11 | |
| 378 }, | |
| 379 { | |
| 380 "boundingBox": { | |
| 381 "x": 232, | |
| 382 "y": 424, | |
| 383 "width": 144, | |
| 384 "height": 16 | |
| 385 }, | |
| 386 "startCharacterIndex": 290, | |
| 387 "numCharacters": 9 | |
| 388 }, | |
| 389 { | |
| 390 "boundingBox": { | |
| 391 "x": 232, | |
| 392 "y": 440, | |
| 393 "width": 144, | |
| 394 "height": 16 | |
| 395 }, | |
| 396 "startCharacterIndex": 300, | |
| 397 "numCharacters": 9 | |
| 398 }, | |
| 399 { | |
| 400 "boundingBox": { | |
| 401 "x": 232, | |
| 402 "y": 456, | |
| 403 "width": 192, | |
| 404 "height": 16 | |
| 405 }, | |
| 406 "startCharacterIndex": 310, | |
| 407 "numCharacters": 12 | |
| 408 }, | |
| 409 { | |
| 410 "boundingBox": { | |
| 411 "x": 232, | |
| 412 "y": 472, | |
| 413 "width": 112, | |
| 414 "height": 16 | |
| 415 }, | |
| 416 "startCharacterIndex": 323, | |
| 417 "numCharacters": 7 | |
| 418 }, | |
| 419 { | |
| 420 "boundingBox": { | |
| 421 "x": 232, | |
| 422 "y": 488, | |
| 423 "width": 144, | |
| 424 "height": 16 | |
| 425 }, | |
| 426 "startCharacterIndex": 331, | |
| 427 "numCharacters": 9 | |
| 428 }, | |
| 429 { | |
| 430 "boundingBox": { | |
| 431 "x": 232, | |
| 432 "y": 504, | |
| 433 "width": 128, | |
| 434 "height": 16 | |
| 435 }, | |
| 436 "startCharacterIndex": 341, | |
| 437 "numCharacters": 8 | |
| 438 } | |
| 439 ] | |
| 440 }, | |
| 441 { | |
| 442 "backendNodeId": 11, | |
| 443 "boundingBox": { | |
| 444 "x": 232, | |
| 445 "y": 536, | |
| 446 "width": 200, | |
| 447 "height": 48 | |
| 448 } | |
| 449 }, | |
| 450 { | |
| 451 "backendNodeId": 12, | |
| 452 "boundingBox": { | |
| 453 "x": 272, | |
| 454 "y": 536, | |
| 455 "width": 160, | |
| 456 "height": 16 | |
| 457 } | |
| 458 }, | |
| 459 { | |
| 460 "backendNodeId": 13, | |
| 461 "boundingBox": { | |
| 462 "x": 272, | |
| 463 "y": 552, | |
| 464 "width": 144, | |
| 465 "height": 32 | |
| 466 } | |
| 467 }, | |
| 468 { | |
| 469 "backendNodeId": 14, | |
| 470 "boundingBox": { | |
| 471 "x": 272, | |
| 472 "y": 552, | |
| 473 "width": 144, | |
| 474 "height": 32 | |
| 475 }, | |
| 476 "layoutText": "Lets have a span", | |
| 477 "inlineTextNodes": [ | |
| 478 { | |
| 479 "boundingBox": { | |
| 480 "x": 272, | |
| 481 "y": 552, | |
| 482 "width": 144, | |
| 483 "height": 16 | |
| 484 }, | |
| 485 "startCharacterIndex": 0, | |
| 486 "numCharacters": 9 | |
| 487 }, | |
| 488 { | |
| 489 "boundingBox": { | |
| 490 "x": 272, | |
| 491 "y": 568, | |
| 492 "width": 96, | |
| 493 "height": 16 | |
| 494 }, | |
| 495 "startCharacterIndex": 10, | |
| 496 "numCharacters": 6 | |
| 497 } | |
| 498 ] | |
| 499 }, | |
| 500 { | |
| 501 "backendNodeId": 15, | |
| 502 "boundingBox": { | |
| 503 "x": 0, | |
| 504 "y": 0, | |
| 505 "width": 0, | |
| 506 "height": 0 | |
| 507 }, | |
| 508 "layoutText": "\n " | |
| 509 }, | |
| 510 { | |
| 511 "backendNodeId": 16, | |
| 512 "boundingBox": { | |
| 513 "x": 0, | |
| 514 "y": 0, | |
| 515 "width": 0, | |
| 516 "height": 0 | |
| 517 }, | |
| 518 "layoutText": "\n " | |
| 519 }, | |
| 520 { | |
| 521 "backendNodeId": 17, | |
| 522 "boundingBox": { | |
| 523 "x": 92, | |
| 524 "y": 516, | |
| 525 "width": 32, | |
| 526 "height": 200 | |
| 527 } | |
| 528 }, | |
| 529 { | |
| 530 "backendNodeId": 18, | |
| 531 "boundingBox": { | |
| 532 "x": 92, | |
| 533 "y": 516, | |
| 534 "width": 32, | |
| 535 "height": 112 | |
| 536 }, | |
| 537 "layoutText": "Rotated text!", | |
| 538 "inlineTextNodes": [ | |
| 539 { | |
| 540 "boundingBox": { | |
| 541 "x": 108, | |
| 542 "y": 516, | |
| 543 "width": 16, | |
| 544 "height": 112 | |
| 545 }, | |
| 546 "startCharacterIndex": 0, | |
| 547 "numCharacters": 7 | |
| 548 }, | |
| 549 { | |
| 550 "boundingBox": { | |
| 551 "x": 92, | |
| 552 "y": 516, | |
| 553 "width": 16, | |
| 554 "height": 80 | |
| 555 }, | |
| 556 "startCharacterIndex": 8, | |
| 557 "numCharacters": 5 | |
| 558 } | |
| 559 ] | |
| 560 }, | |
| 561 { | |
| 562 "backendNodeId": 19, | |
| 563 "boundingBox": { | |
| 564 "x": 10, | |
| 565 "y": 634, | |
| 566 "width": 400, | |
| 567 "height": 200 | |
| 568 } | |
| 569 }, | |
| 570 { | |
| 571 "backendNodeId": 20, | |
| 572 "boundingBox": { | |
| 573 "x": 18, | |
| 574 "y": 642, | |
| 575 "width": 384, | |
| 576 "height": 184 | |
| 577 } | |
| 578 }, | |
| 579 { | |
| 580 "backendNodeId": 21, | |
| 581 "boundingBox": { | |
| 582 "x": 18, | |
| 583 "y": 642, | |
| 584 "width": 384, | |
| 585 "height": 16 | |
| 586 } | |
| 587 }, | |
| 588 { | |
| 589 "backendNodeId": 22, | |
| 590 "boundingBox": { | |
| 591 "x": 8, | |
| 592 "y": 8, | |
| 593 "width": 352, | |
| 594 "height": 16 | |
| 595 }, | |
| 596 "layoutText": "\nHello from the iframe.\n", | |
| 597 "inlineTextNodes": [ | |
| 598 { | |
| 599 "boundingBox": { | |
| 600 "x": 8, | |
| 601 "y": 8, | |
| 602 "width": 352, | |
| 603 "height": 16 | |
| 604 }, | |
| 605 "startCharacterIndex": 1, | |
| 606 "numCharacters": 22 | |
| 607 } | |
| 608 ] | |
| 609 }, | |
| 610 { | |
| 611 "backendNodeId": 23, | |
| 612 "boundingBox": { | |
| 613 "x": 8, | |
| 614 "y": 632, | |
| 615 "width": 404, | |
| 616 "height": 204 | |
| 617 } | |
| 618 }, | |
| 619 { | |
| 620 "backendNodeId": 24, | |
| 621 "boundingBox": { | |
| 622 "x": 0, | |
| 623 "y": 0, | |
| 624 "width": 0, | |
| 625 "height": 0 | |
| 626 }, | |
| 627 "layoutText": "\n " | |
| 628 }, | |
| 629 { | |
| 630 "backendNodeId": 25, | |
| 631 "boundingBox": { | |
| 632 "x": 8, | |
| 633 "y": 836, | |
| 634 "width": 769, | |
| 635 "height": 16 | |
| 636 } | |
| 637 }, | |
| 638 { | |
| 639 "backendNodeId": 26, | |
| 640 "boundingBox": { | |
| 641 "x": 8, | |
| 642 "y": 836, | |
| 643 "width": 48, | |
| 644 "height": 16 | |
| 645 }, | |
| 646 "layoutText": "Hi!", | |
| 647 "inlineTextNodes": [ | |
| 648 { | |
| 649 "boundingBox": { | |
| 650 "x": 8, | |
| 651 "y": 836, | |
| 652 "width": 48, | |
| 653 "height": 16 | |
| 654 }, | |
| 655 "startCharacterIndex": 0, | |
| 656 "numCharacters": 3 | |
| 657 } | |
| 658 ] | |
| 659 }, | |
| 660 { | |
| 661 "backendNodeId": 27, | |
| 662 "boundingBox": { | |
| 663 "x": 8, | |
| 664 "y": 836, | |
| 665 "width": 769, | |
| 666 "height": 16 | |
| 667 } | |
| 668 } | |
| 669 ] | |
| 670 } | |
| 671 | |
| OLD | NEW |