blob: 242b8d31afe3c9a6cff4dac66b5e35322ef472f4 [file] [log] [blame]
Some Text
And More Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra.
Lets have a span
Rotated text!
LayoutTreeNodes result:
{
"layoutTreeNodes": [
{
"nodeId": 1,
"boundingBox": {
"x": 0,
"y": 0,
"width": 785,
"height": 600
}
},
{
"nodeId": 2,
"boundingBox": {
"x": 0,
"y": 0,
"width": 785,
"height": 911
},
"styleIndex": 0
},
{
"nodeId": 9,
"boundingBox": {
"x": 8,
"y": 8,
"width": 769,
"height": 882
},
"styleIndex": 1
},
{
"nodeId": 10,
"boundingBox": {
"x": 8,
"y": 8,
"width": 769,
"height": 882
},
"styleIndex": 1
},
{
"nodeId": 11,
"boundingBox": {
"x": 8,
"y": 8,
"width": 769,
"height": 16
},
"styleIndex": 2
},
{
"nodeId": 12,
"boundingBox": {
"x": 8,
"y": 8,
"width": 144,
"height": 16
},
"layoutText": "Some Text",
"inlineTextNodes": [
{
"boundingBox": {
"x": 8,
"y": 8,
"width": 144,
"height": 16
},
"startCharacterIndex": 0,
"numCharacters": 9
}
],
"styleIndex": 3
},
{
"nodeId": 13,
"boundingBox": {
"x": 8,
"y": 568,
"width": 224,
"height": 16
},
"layoutText": " And More Text\n ",
"inlineTextNodes": [
{
"boundingBox": {
"x": 8,
"y": 568,
"width": 224,
"height": 16
},
"startCharacterIndex": 1,
"numCharacters": 14
}
],
"styleIndex": 3
},
{
"nodeId": 14,
"boundingBox": {
"x": 232,
"y": 24,
"width": 200,
"height": 576
},
"styleIndex": 4
},
{
"nodeId": 15,
"boundingBox": {
"x": 232,
"y": 40,
"width": 200,
"height": 480
},
"styleIndex": 5
},
{
"nodeId": 16,
"boundingBox": {
"x": 232,
"y": 40,
"width": 192,
"height": 480
},
"layoutText": "\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendrerit efficitur est. Quisque gravida facilisis viverra.\n ",
"inlineTextNodes": [
{
"boundingBox": {
"x": 232,
"y": 40,
"width": 176,
"height": 16
},
"startCharacterIndex": 9,
"numCharacters": 11
},
{
"boundingBox": {
"x": 232,
"y": 56,
"width": 144,
"height": 16
},
"startCharacterIndex": 21,
"numCharacters": 9
},
{
"boundingBox": {
"x": 232,
"y": 72,
"width": 80,
"height": 16
},
"startCharacterIndex": 31,
"numCharacters": 5
},
{
"boundingBox": {
"x": 232,
"y": 88,
"width": 176,
"height": 16
},
"startCharacterIndex": 37,
"numCharacters": 11
},
{
"boundingBox": {
"x": 232,
"y": 104,
"width": 160,
"height": 16
},
"startCharacterIndex": 49,
"numCharacters": 10
},
{
"boundingBox": {
"x": 232,
"y": 120,
"width": 80,
"height": 16
},
"startCharacterIndex": 60,
"numCharacters": 5
},
{
"boundingBox": {
"x": 232,
"y": 136,
"width": 192,
"height": 16
},
"startCharacterIndex": 66,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 152,
"width": 192,
"height": 16
},
"startCharacterIndex": 79,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 168,
"width": 80,
"height": 16
},
"startCharacterIndex": 92,
"numCharacters": 5
},
{
"boundingBox": {
"x": 312,
"y": 168,
"width": 96,
"height": 16
},
"startCharacterIndex": 105,
"numCharacters": 6
},
{
"boundingBox": {
"x": 232,
"y": 184,
"width": 128,
"height": 16
},
"startCharacterIndex": 112,
"numCharacters": 8
},
{
"boundingBox": {
"x": 232,
"y": 200,
"width": 144,
"height": 16
},
"startCharacterIndex": 121,
"numCharacters": 9
},
{
"boundingBox": {
"x": 232,
"y": 216,
"width": 192,
"height": 16
},
"startCharacterIndex": 131,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 232,
"width": 160,
"height": 16
},
"startCharacterIndex": 144,
"numCharacters": 10
},
{
"boundingBox": {
"x": 232,
"y": 248,
"width": 192,
"height": 16
},
"startCharacterIndex": 155,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 264,
"width": 112,
"height": 16
},
"startCharacterIndex": 168,
"numCharacters": 7
},
{
"boundingBox": {
"x": 232,
"y": 280,
"width": 128,
"height": 16
},
"startCharacterIndex": 176,
"numCharacters": 8
},
{
"boundingBox": {
"x": 232,
"y": 296,
"width": 96,
"height": 16
},
"startCharacterIndex": 193,
"numCharacters": 6
},
{
"boundingBox": {
"x": 232,
"y": 312,
"width": 144,
"height": 16
},
"startCharacterIndex": 200,
"numCharacters": 9
},
{
"boundingBox": {
"x": 232,
"y": 328,
"width": 192,
"height": 16
},
"startCharacterIndex": 210,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 344,
"width": 176,
"height": 16
},
"startCharacterIndex": 223,
"numCharacters": 11
},
{
"boundingBox": {
"x": 232,
"y": 360,
"width": 192,
"height": 16
},
"startCharacterIndex": 235,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 376,
"width": 160,
"height": 16
},
"startCharacterIndex": 248,
"numCharacters": 10
},
{
"boundingBox": {
"x": 232,
"y": 392,
"width": 160,
"height": 16
},
"startCharacterIndex": 259,
"numCharacters": 10
},
{
"boundingBox": {
"x": 232,
"y": 408,
"width": 176,
"height": 16
},
"startCharacterIndex": 270,
"numCharacters": 11
},
{
"boundingBox": {
"x": 232,
"y": 424,
"width": 144,
"height": 16
},
"startCharacterIndex": 290,
"numCharacters": 9
},
{
"boundingBox": {
"x": 232,
"y": 440,
"width": 144,
"height": 16
},
"startCharacterIndex": 300,
"numCharacters": 9
},
{
"boundingBox": {
"x": 232,
"y": 456,
"width": 192,
"height": 16
},
"startCharacterIndex": 310,
"numCharacters": 12
},
{
"boundingBox": {
"x": 232,
"y": 472,
"width": 112,
"height": 16
},
"startCharacterIndex": 323,
"numCharacters": 7
},
{
"boundingBox": {
"x": 232,
"y": 488,
"width": 144,
"height": 16
},
"startCharacterIndex": 331,
"numCharacters": 9
},
{
"boundingBox": {
"x": 232,
"y": 504,
"width": 128,
"height": 16
},
"startCharacterIndex": 341,
"numCharacters": 8
}
],
"styleIndex": 3
},
{
"nodeId": 17,
"boundingBox": {
"x": 232,
"y": 536,
"width": 200,
"height": 48
},
"styleIndex": 6
},
{
"nodeId": 18,
"boundingBox": {
"x": 272,
"y": 536,
"width": 160,
"height": 16
},
"styleIndex": 7
},
{
"nodeId": 19,
"boundingBox": {
"x": 272,
"y": 552,
"width": 144,
"height": 32
},
"styleIndex": 8
},
{
"nodeId": 20,
"boundingBox": {
"x": 272,
"y": 552,
"width": 144,
"height": 32
},
"layoutText": "Lets have a span",
"inlineTextNodes": [
{
"boundingBox": {
"x": 272,
"y": 552,
"width": 144,
"height": 16
},
"startCharacterIndex": 0,
"numCharacters": 9
},
{
"boundingBox": {
"x": 272,
"y": 568,
"width": 96,
"height": 16
},
"startCharacterIndex": 10,
"numCharacters": 6
}
],
"styleIndex": 8
},
{
"nodeId": 21,
"boundingBox": {
"x": 92,
"y": 516,
"width": 32,
"height": 200
},
"styleIndex": 9
},
{
"nodeId": 22,
"boundingBox": {
"x": 92,
"y": 516,
"width": 32,
"height": 112
},
"layoutText": "Rotated text!",
"inlineTextNodes": [
{
"boundingBox": {
"x": 108,
"y": 516,
"width": 16,
"height": 112
},
"startCharacterIndex": 0,
"numCharacters": 7
},
{
"boundingBox": {
"x": 92,
"y": 516,
"width": 16,
"height": 80
},
"startCharacterIndex": 8,
"numCharacters": 5
}
],
"styleIndex": 10
},
{
"nodeId": 23,
"boundingBox": {
"x": 8,
"y": 632,
"width": 404,
"height": 204
},
"styleIndex": 11
},
{
"nodeId": 25,
"boundingBox": {
"x": 8,
"y": 857,
"width": 769,
"height": 33
},
"styleIndex": 12
}
],
"computedStyles": [
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "392.5px 455.438px"
},
{
"name": "height",
"value": "910.875px"
},
{
"name": "width",
"value": "785px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "384.5px 440.719px"
},
{
"name": "height",
"value": "881.438px"
},
{
"name": "width",
"value": "769px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "384.5px 8px"
},
{
"name": "height",
"value": "16px"
},
{
"name": "width",
"value": "769px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "0px 0px"
},
{
"name": "height",
"value": "auto"
},
{
"name": "width",
"value": "auto"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "100px 288px"
},
{
"name": "height",
"value": "576px"
},
{
"name": "width",
"value": "200px"
},
{
"name": "display",
"value": "inline-block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "100px 240px"
},
{
"name": "height",
"value": "480px"
},
{
"name": "width",
"value": "200px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "100px 24px"
},
{
"name": "height",
"value": "48px"
},
{
"name": "width",
"value": "160px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "80px 8px"
},
{
"name": "height",
"value": "16px"
},
{
"name": "width",
"value": "160px"
},
{
"name": "display",
"value": "list-item"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "0px 0px"
},
{
"name": "height",
"value": "auto"
},
{
"name": "width",
"value": "auto"
},
{
"name": "display",
"value": "inline"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "matrix(6.12323e-17, 1, -1, 6.12323e-17, 0, 0)"
},
{
"name": "transform-origin",
"value": "100px 16px"
},
{
"name": "height",
"value": "32px"
},
{
"name": "width",
"value": "200px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "matrix(6.12323e-17, 1, -1, 6.12323e-17, 0, 0)"
},
{
"name": "transform-origin",
"value": "0px 0px"
},
{
"name": "height",
"value": "auto"
},
{
"name": "width",
"value": "auto"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "202px 102px"
},
{
"name": "height",
"value": "200px"
},
{
"name": "width",
"value": "400px"
},
{
"name": "display",
"value": "inline"
},
{
"name": "outline-color",
"value": "rgb(0, 0, 0)"
}
]
},
{
"properties": [
{
"name": "transform",
"value": "none"
},
{
"name": "transform-origin",
"value": "384.5px 16px"
},
{
"name": "height",
"value": "32px"
},
{
"name": "width",
"value": "769px"
},
{
"name": "display",
"value": "block"
},
{
"name": "outline-color",
"value": "rgb(255, 0, 0)"
}
]
}
]
}