Added: trunk/LayoutTests/platform/mac/svg/custom/embedding-external-svgs-expected.txt (0 => 87840)
--- trunk/LayoutTests/platform/mac/svg/custom/embedding-external-svgs-expected.txt (rev 0)
+++ trunk/LayoutTests/platform/mac/svg/custom/embedding-external-svgs-expected.txt 2011-06-01 20:24:28 UTC (rev 87840)
@@ -0,0 +1,146 @@
+layer at (0,0) size 800x600
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x328
+ RenderBlock {html} at (0,0) size 800x328
+ RenderBody {body} at (0,16) size 800x296 [bgcolor=#BBBBBB]
+ RenderBlock {p} at (50,0) size 750x44
+ RenderText {#text} at (0,26) size 239x18
+ text run at (0,26) width 239: "SVG in a \"transparent\" EMBED tag: "
+ RenderEmbeddedObject {embed} at (239,0) size 40x40
+ layer at (0,0) size 40x40
+ RenderView at (0,0) size 40x40
+ layer at (0,0) size 40x40
+ RenderSVGRoot {svg} at (0,0) size 40x40
+ RenderSVGContainer {g} at (0,0) size 40x40
+ RenderSVGContainer {use} at (17,0) size 6x12
+ RenderSVGContainer {g} at (17,0) size 6x12
+ RenderSVGViewportContainer {svg} at (17,0) size 6x12
+ RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOLID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (21,0) size 12x15 [transform={m=((0.87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}]
+ RenderSVGContainer {g} at (21,0) size 12x15
+ RenderSVGViewportContainer {svg} at (21,0) size 12x15
+ RenderSVGPath {polygon} at (21,0) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.08]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (25,7) size 15x12 [transform={m=((0.50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}]
+ RenderSVGContainer {g} at (25,7) size 15x12
+ RenderSVGViewportContainer {svg} at (25,7) size 15x12
+ RenderSVGPath {polygon} at (25,7) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.12]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (28,17) size 12x6 [transform={m=((0.00,1.00)(-1.00,0.00)) t=(50.00,0.00)}]
+ RenderSVGContainer {g} at (28,17) size 12x6
+ RenderSVGViewportContainer {svg} at (28,17) size 12x6
+ RenderSVGPath {polygon} at (28,17) size 12x6 [fill={[type=SOLID] [color=#000000] [opacity=0.16]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (25,21) size 15x12 [transform={m=((-0.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}]
+ RenderSVGContainer {g} at (25,21) size 15x12
+ RenderSVGViewportContainer {svg} at (25,21) size 15x12
+ RenderSVGPath {polygon} at (25,21) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.20]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (21,25) size 12x15 [transform={m=((-0.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}]
+ RenderSVGContainer {g} at (21,25) size 12x15
+ RenderSVGViewportContainer {svg} at (21,25) size 12x15
+ RenderSVGPath {polygon} at (21,25) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.24]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (17,28) size 6x12 [transform={m=((-1.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}]
+ RenderSVGContainer {g} at (17,28) size 6x12
+ RenderSVGViewportContainer {svg} at (17,28) size 6x12
+ RenderSVGPath {polygon} at (17,28) size 6x12 [fill={[type=SOLID] [color=#000000] [opacity=0.29]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (7,25) size 12x15 [transform={m=((-0.87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}]
+ RenderSVGContainer {g} at (7,25) size 12x15
+ RenderSVGViewportContainer {svg} at (7,25) size 12x15
+ RenderSVGPath {polygon} at (7,25) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.33]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (0,21) size 15x12 [transform={m=((-0.50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}]
+ RenderSVGContainer {g} at (0,21) size 15x12
+ RenderSVGViewportContainer {svg} at (0,21) size 15x12
+ RenderSVGPath {polygon} at (0,21) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.37]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (0,17) size 12x6 [transform={m=((-0.00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}]
+ RenderSVGContainer {g} at (0,17) size 12x6
+ RenderSVGViewportContainer {svg} at (0,17) size 12x6
+ RenderSVGPath {polygon} at (0,17) size 12x6 [fill={[type=SOLID] [color=#000000] [opacity=0.41]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (0,7) size 15x12 [transform={m=((0.50,-0.87)(0.87,0.50)) t=(-9.15,34.15)}]
+ RenderSVGContainer {g} at (0,7) size 15x12
+ RenderSVGViewportContainer {svg} at (0,7) size 15x12
+ RenderSVGPath {polygon} at (0,7) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.45]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (7,0) size 12x15 [transform={m=((0.87,-0.50)(0.50,0.87)) t=(-9.15,15.85)}]
+ RenderSVGContainer {g} at (7,0) size 12x15
+ RenderSVGViewportContainer {svg} at (7,0) size 12x15
+ RenderSVGPath {polygon} at (7,0) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"]
+ RenderBlock {p} at (50,60) size 750x34
+ RenderText {#text} at (0,16) size 134x18
+ text run at (0,16) width 134: "SVG in an IMG tag: "
+ RenderImage {img} at (134,0) size 30x30
+ RenderBlock {p} at (50,110) size 750x18
+ RenderText {#text} at (0,0) size 186x18
+ text run at (0,0) width 186: "SVG in a background-image:"
+ RenderBlock {p} at (50,202) size 750x44
+ RenderText {#text} at (0,26) size 199x18
+ text run at (0,26) width 199: "SVG in a \"transparent\" iframe: "
+ RenderPartObject {iframe} at (199,0) size 40x40
+ layer at (0,0) size 40x40
+ RenderView at (0,0) size 40x40
+ layer at (0,0) size 40x40
+ RenderSVGRoot {svg} at (0,0) size 40x40
+ RenderSVGContainer {g} at (0,0) size 40x40
+ RenderSVGContainer {use} at (17,0) size 6x12
+ RenderSVGContainer {g} at (17,0) size 6x12
+ RenderSVGViewportContainer {svg} at (17,0) size 6x12
+ RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOLID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (21,0) size 12x15 [transform={m=((0.87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}]
+ RenderSVGContainer {g} at (21,0) size 12x15
+ RenderSVGViewportContainer {svg} at (21,0) size 12x15
+ RenderSVGPath {polygon} at (21,0) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.08]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (25,7) size 15x12 [transform={m=((0.50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}]
+ RenderSVGContainer {g} at (25,7) size 15x12
+ RenderSVGViewportContainer {svg} at (25,7) size 15x12
+ RenderSVGPath {polygon} at (25,7) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.12]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (28,17) size 12x6 [transform={m=((0.00,1.00)(-1.00,0.00)) t=(50.00,0.00)}]
+ RenderSVGContainer {g} at (28,17) size 12x6
+ RenderSVGViewportContainer {svg} at (28,17) size 12x6
+ RenderSVGPath {polygon} at (28,17) size 12x6 [fill={[type=SOLID] [color=#000000] [opacity=0.16]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (25,21) size 15x12 [transform={m=((-0.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}]
+ RenderSVGContainer {g} at (25,21) size 15x12
+ RenderSVGViewportContainer {svg} at (25,21) size 15x12
+ RenderSVGPath {polygon} at (25,21) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.20]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (21,25) size 12x15 [transform={m=((-0.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}]
+ RenderSVGContainer {g} at (21,25) size 12x15
+ RenderSVGViewportContainer {svg} at (21,25) size 12x15
+ RenderSVGPath {polygon} at (21,25) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.24]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (17,28) size 6x12 [transform={m=((-1.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}]
+ RenderSVGContainer {g} at (17,28) size 6x12
+ RenderSVGViewportContainer {svg} at (17,28) size 6x12
+ RenderSVGPath {polygon} at (17,28) size 6x12 [fill={[type=SOLID] [color=#000000] [opacity=0.29]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (7,25) size 12x15 [transform={m=((-0.87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}]
+ RenderSVGContainer {g} at (7,25) size 12x15
+ RenderSVGViewportContainer {svg} at (7,25) size 12x15
+ RenderSVGPath {polygon} at (7,25) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.33]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (0,21) size 15x12 [transform={m=((-0.50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}]
+ RenderSVGContainer {g} at (0,21) size 15x12
+ RenderSVGViewportContainer {svg} at (0,21) size 15x12
+ RenderSVGPath {polygon} at (0,21) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.37]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (0,17) size 12x6 [transform={m=((-0.00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}]
+ RenderSVGContainer {g} at (0,17) size 12x6
+ RenderSVGViewportContainer {svg} at (0,17) size 12x6
+ RenderSVGPath {polygon} at (0,17) size 12x6 [fill={[type=SOLID] [color=#000000] [opacity=0.41]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (0,7) size 15x12 [transform={m=((0.50,-0.87)(0.87,0.50)) t=(-9.15,34.15)}]
+ RenderSVGContainer {g} at (0,7) size 15x12
+ RenderSVGViewportContainer {svg} at (0,7) size 15x12
+ RenderSVGPath {polygon} at (0,7) size 15x12 [fill={[type=SOLID] [color=#000000] [opacity=0.45]}] [points="22 0 28 0 23 15 23 15"]
+ RenderSVGContainer {use} at (7,0) size 12x15 [transform={m=((0.87,-0.50)(0.50,0.87)) t=(-9.15,15.85)}]
+ RenderSVGContainer {g} at (7,0) size 12x15
+ RenderSVGViewportContainer {svg} at (7,0) size 12x15
+ RenderSVGPath {polygon} at (7,0) size 12x15 [fill={[type=SOLID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"]
+ RenderBlock {p} at (50,262) size 750x34
+ RenderText {#text} at (0,16) size 40x18
+ text run at (0,16) width 40: "Inline "
+ RenderSVGRoot {svg:svg} at (90,278) size 30x30
+ RenderSVGContainer {svg:g} at (90,278) size 30x30
+ RenderSVGPath {svg:polygon} at (103,278) size 4x8 [fill={[type=SOLID] [color=#000000] [opacity=0.04]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (106,278) size 9x10 [transform={m=((0.87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}] [fill={[type=SOLID] [color=#000000] [opacity=0.08]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (110,283) size 10x9 [transform={m=((0.50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}] [fill={[type=SOLID] [color=#000000] [opacity=0.12]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (112,291) size 8x4 [transform={m=((0.00,1.00)(-1.00,0.00)) t=(50.00,0.00)}] [fill={[type=SOLID] [color=#000000] [opacity=0.16]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (110,294) size 10x9 [transform={m=((-0.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}] [fill={[type=SOLID] [color=#000000] [opacity=0.20]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (106,298) size 9x10 [transform={m=((-0.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}] [fill={[type=SOLID] [color=#000000] [opacity=0.24]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (103,300) size 4x8 [transform={m=((-1.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}] [fill={[type=SOLID] [color=#000000] [opacity=0.29]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (95,298) size 9x10 [transform={m=((-0.87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}] [fill={[type=SOLID] [color=#000000] [opacity=0.33]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (90,294) size 10x9 [transform={m=((-0.50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}] [fill={[type=SOLID] [color=#000000] [opacity=0.37]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (90,291) size 8x4 [transform={m=((-0.00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}] [fill={[type=SOLID] [color=#000000] [opacity=0.41]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (90,283) size 10x9 [transform={m=((0.50,-0.87)(0.87,0.50)) t=(-9.15,34.15)}] [fill={[type=SOLID] [color=#000000] [opacity=0.45]}] [points="22 0 28 0 27 12 23 12"]
+ RenderSVGPath {svg:polygon} at (95,278) size 9x10 [transform={m=((0.87,-0.50)(0.50,0.87)) t=(-9.15,15.85)}] [fill={[type=SOLID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 27 12 23 12"]
+ RenderText {#text} at (0,0) size 0x0
+layer at (250,112) size 42x42
+ RenderBlock (relative positioned) {div} at (0,144) size 42x42 [border: (1px solid #AAAAAA)]
Added: trunk/LayoutTests/svg/custom/embedding-external-svgs.xhtml (0 => 87840)
--- trunk/LayoutTests/svg/custom/embedding-external-svgs.xhtml (rev 0)
+++ trunk/LayoutTests/svg/custom/embedding-external-svgs.xhtml 2011-06-01 20:24:28 UTC (rev 87840)
@@ -0,0 +1,44 @@
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
+ <head>
+ <title>SVG Tests</title>
+
+ <style type="text/css" media="screen">
+ p
+ {
+ margin-left: 50px;
+ }
+ </style>
+ </head>
+ <body style="margin: 0px; background-color: #bbb;">
+
+ <p>SVG in a "transparent" EMBED tag: <embed src="" type="image/svg+xml" width="40" height="40" wmode="transparent" /></p>
+
+ <p>SVG in an IMG tag: <img src="" width="30" height="30" /></p>
+
+ <p style="">SVG in a background-image:</p><div style="position: relative; top: -3em; left: 250px; border: 1px solid #aaa; width: 40px; height: 40px; background-image: url(resources/spinner.svg); background-repeat: no-repeat;"></div>
+
+ <p>SVG in a "transparent" iframe: <iframe src="" frameborder="0" width="40" height="40" allowtransparency="true"></iframe></p>
+
+ <p>Inline
+
+ <svg:svg width="30px" height="30px" viewBox="0 0 50 50">
+ <svg:g id="spinner" >
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(0,25,25)" fill-opacity="0.04" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(30,25,25)" fill-opacity="0.08" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(60,25,25)" fill-opacity="0.12" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(90,25,25)" fill-opacity="0.16" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(120,25,25)" fill-opacity="0.20" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(150,25,25)" fill-opacity="0.24" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(180,25,25)" fill-opacity="0.29" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(210,25,25)" fill-opacity="0.33" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(240,25,25)" fill-opacity="0.37" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(270,25,25)" fill-opacity="0.41" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(300,25,25)" fill-opacity="0.45" />
+ <svg:polygon points="22,0 28,0 27,12 23,12" fill="#000" x="22" transform="rotate(330,25,25)" fill-opacity="0.50" />
+ </svg:g>
+ </svg:svg>
+
+ </p>
+
+ </body>
+</html>