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 |