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 |