| layer at (0,0) size 1026x1016 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x1016 |
| RenderBlock {HTML} at (0,0) size 800x1016 |
| RenderBody {BODY} at (8,16) size 784x996 |
| RenderBlock {DIV} at (16,0) size 752x60 |
| RenderBlock {P} at (0,0) size 752x20 |
| RenderInline {A} at (0,0) size 93x21 [color=#0000EE] |
| RenderText {#text} at (271,-1) size 93x21 |
| text run at (271,-1) width 93: "Full version" |
| RenderText {#text} at (363,-1) size 12x21 |
| text run at (363,-1) width 12: ", " |
| RenderInline {A} at (0,0) size 107x21 [color=#0000EE] |
| RenderText {#text} at (374,-1) size 107x21 |
| text run at (374,-1) width 107: "Basic version" |
| RenderBlock {P} at (0,20) size 752x20 |
| RenderText {#text} at (183,-1) size 149x21 |
| text run at (183,-1) width 149: "Specification link: " |
| RenderInline {A} at (0,0) size 238x21 [color=#0000EE] |
| RenderText {#text} at (331,-1) size 238x21 |
| text run at (331,-1) width 238: "3.4 How groups are rendered" |
| RenderBlock {P} at (0,40) size 752x20 |
| RenderInline {A} at (0,0) size 202x21 [color=#0000EE] |
| RenderText {#text} at (162,-1) size 202x21 |
| text run at (162,-1) width 202: "pservers-pattern-01-b \x{2190}" |
| RenderText {#text} at (363,-1) size 7x21 |
| text run at (363,-1) width 7: " " |
| RenderInline {A} at (0,0) size 44x21 [color=#0000EE] |
| RenderText {#text} at (369,-1) size 44x21 |
| text run at (369,-1) width 44: "index" |
| RenderText {#text} at (412,-1) size 7x21 |
| text run at (412,-1) width 7: " " |
| RenderInline {A} at (0,0) size 172x21 [color=#0000EE] |
| RenderText {#text} at (418,-1) size 172x21 |
| text run at (418,-1) width 172: "\x{2192} script-handle-01-b" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTable {TABLE} at (0,64) size 1018x551 |
| RenderTableSection {TBODY} at (0,0) size 1018x551 |
| RenderTableRow {TR} at (0,0) size 1018x551 |
| RenderTableCell {TD} at (0,0) size 1018x551 [r=0 c=0 rs=1 cs=3] |
| RenderTable {TABLE} at (10,10) size 998x531 |
| RenderTableSection {TBODY} at (0,0) size 998x531 |
| RenderTableRow {TR} at (0,2) size 998x107 |
| RenderTableCell {TD} at (2,2) size 994x107 [r=0 c=0 rs=1 cs=2] |
| RenderBlock {H1} at (8,29) size 978x49 |
| RenderText {#text} at (310,4) size 358x40 |
| text run at (310,4) width 358: "render-groups-01-b" |
| RenderTableRow {TR} at (0,110) size 998x37 [color=#FFFFFF] [bgcolor=#000000] |
| RenderTableCell {TD} at (2,110) size 496x37 [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (197,7) size 102x21 |
| text run at (197,7) width 102: "SVG Image" |
| RenderTableCell {TD} at (500,110) size 496x37 [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (197,7) size 102x21 |
| text run at (197,7) width 102: "PNG Image" |
| RenderTableRow {TR} at (0,148) size 998x381 |
| RenderTableCell {TD} at (2,148) size 496x381 [r=2 c=0 rs=1 cs=1] |
| RenderEmbeddedObject {EMBED} at (8,8) size 480x360 |
| layer at (0,0) size 480x360 |
| RenderView at (0,0) size 480x360 |
| layer at (0,0) size 480x360 |
| RenderSVGRoot {svg} at (0,0) size 480x360 |
| RenderSVGContainer {g} at (35,9) size 429x306 |
| RenderSVGHiddenContainer {defs} at (0,0) size 0x0 |
| RenderSVGContainer {g} at (35,9) size 429x306 [transform={m=((1.80,0.00)(0.00,1.80)) t=(0.00,0.00)}] |
| RenderSVGRect {rect} at (36,18) size 414x279 [fill={[type=SOLID] [color=#C0C0C0]}] [x=20.00] [y=10.00] [width=230.00] [height=155.00] |
| RenderSVGPath {line} at (58,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=40.00] [y1=10.00] [x2=40.00] [y2=175.00] |
| RenderSVGPath {line} at (112,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=70.00] [y1=10.00] [x2=70.00] [y2=175.00] |
| RenderSVGPath {line} at (166,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=100.00] [y1=10.00] [x2=100.00] [y2=175.00] |
| RenderSVGPath {line} at (220,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=130.00] [y1=10.00] [x2=130.00] [y2=175.00] |
| RenderSVGPath {line} at (274,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=160.00] [y1=10.00] [x2=160.00] [y2=175.00] |
| RenderSVGPath {line} at (328,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=190.00] [y1=10.00] [x2=190.00] [y2=175.00] |
| RenderSVGPath {line} at (382,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=220.00] [y1=10.00] [x2=220.00] [y2=175.00] |
| RenderSVGPath {line} at (436,18) size 28x297 [stroke={[type=SOLID] [color=#FFFFFF] [stroke width=15.00]}] [fill={[type=SOLID] [color=#000000]}] [x1=250.00] [y1=10.00] [x2=250.00] [y2=175.00] |
| RenderSVGRect {rect} at (35,17) size 416x281 [stroke={[type=SOLID] [color=#000000]}] [x=20.00] [y=10.00] [width=230.00] [height=155.00] |
| RenderSVGContainer {g} at (54,9) size 382x270 [opacity=0.50] |
| RenderSVGText {text} at (30,5) size 133x122 contains 1 chunk(s) |
| RenderSVGInlineText {#text} at (0,0) size 133x121 |
| chunk 1 text run 1 at (30.00,90.00) startOffset 0 endOffset 3 width 132.36: "SVG" |
| RenderSVGRect {rect} at (126,99) size 234x126 [fill={[type=SOLID] [color=#820032]}] [x=70.00] [y=55.00] [width=130.00] [height=70.00] |
| RenderSVGImage {image} at (291,135) size 145x144 |
| RenderSVGText {text} at (10,304) size 264x45 contains 1 chunk(s) |
| RenderSVGInlineText {#text} at (0,0) size 264x45 |
| chunk 1 text run 1 at (10.00,340.00) startOffset 0 endOffset 16 width 263.34: "$Revision: 1.6 $" |
| RenderSVGRect {rect} at (0,0) size 480x360 [stroke={[type=SOLID] [color=#000000]}] [x=1.00] [y=1.00] [width=478.00] [height=358.00] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderTableCell {TD} at (500,148) size 496x381 [r=2 c=1 rs=1 cs=1] |
| RenderImage {IMG} at (8,8) size 480x360 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {DIV} at (23,626) size 738x334 |
| RenderBlock {P} at (0,0) size 737x40 |
| RenderText {#text} at (0,-1) size 700x41 |
| text run at (0,-1) width 700: "Verifies implicit rendering order (paragraph 3.3) and grouping mechanism (paragraphs" |
| text run at (0,19) width 45: "3.4). " |
| text run at (44,19) width 455: "It also validates basic Shape, Image and text rendering." |
| RenderBlock {P} at (0,51) size 737x161 |
| RenderText {#text} at (0,-1) size 722x161 |
| text run at (0,-1) width 158: "This test renders 3 " |
| text run at (157,-1) width 293: "elements: a text string \"SVG\", then " |
| text run at (449,-1) width 269: "a shape, then an image. Because" |
| text run at (0,19) width 419: "of their definition order and coordinates, the image " |
| text run at (418,19) width 304: "should be on top of the rectangle and" |
| text run at (0,39) width 300: "the rectangle on top of the text. The " |
| text run at (299,39) width 423: "test validates that groups are conceptually rendered" |
| text run at (0,59) width 186: "offscreen before being " |
| text run at (185,59) width 481: "rendered on the canvas. This is done by grouping the same" |
| text run at (0,79) width 198: "overlapping objects and " |
| text run at (197,79) width 486: "rendering the group at half opacity. The background pattern" |
| text run at (0,99) width 197: "(vertical stripes) should " |
| text run at (196,99) width 518: "show throw all the group elements. However, none of the \"SVG\"" |
| text run at (0,119) width 206: "should show through the " |
| text run at (205,119) width 495: "rectangle and none of the rectangle should show through the" |
| text run at (0,139) width 55: "image." |
| RenderBlock {P} at (0,222) size 737x81 |
| RenderText {#text} at (0,-1) size 735x81 |
| text run at (0,-1) width 644: "Prerequisites: the test assumes proper handling of the fill stroke, stroke-width, " |
| text run at (643,-1) width 63: "opacity," |
| text run at (0,19) width 661: "font-size rendering properties. It uses the rect, line, text and image elements, as " |
| text run at (660,19) width 56: "well as" |
| text run at (0,39) width 646: "all the elements required for the test template. To ensure that the text string is " |
| text run at (645,39) width 90: "overlapped" |
| text run at (0,59) width 712: "by the other elements and to avoid a dependency on system fonts, an SVG font is used." |
| RenderBlock {P} at (0,313) size 737x21 |
| RenderText {#text} at (0,-1) size 511x21 |
| text run at (0,-1) width 511: "The rendered image should match the reference image exactly." |
| RenderBlock {DIV} at (16,975) size 752x21 |
| RenderBlock {P} at (0,0) size 752x20 |
| RenderInline {A} at (0,0) size 202x21 [color=#0000EE] |
| RenderText {#text} at (162,-1) size 202x21 |
| text run at (162,-1) width 202: "pservers-pattern-01-b \x{2190}" |
| RenderText {#text} at (363,-1) size 7x21 |
| text run at (363,-1) width 7: " " |
| RenderInline {A} at (0,0) size 44x21 [color=#0000EE] |
| RenderText {#text} at (369,-1) size 44x21 |
| text run at (369,-1) width 44: "index" |
| RenderText {#text} at (412,-1) size 7x21 |
| text run at (412,-1) width 7: " " |
| RenderInline {A} at (0,0) size 172x21 [color=#0000EE] |
| RenderText {#text} at (418,-1) size 172x21 |
| text run at (418,-1) width 172: "\x{2192} script-handle-01-b" |
| RenderText {#text} at (0,0) size 0x0 |
| scrolled to 0,991 |
