diff options
Diffstat (limited to 'layout/reftests/svg/outline.html')
| -rw-r--r-- | layout/reftests/svg/outline.html | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/layout/reftests/svg/outline.html b/layout/reftests/svg/outline.html new file mode 100644 index 0000000000..11b6dced5d --- /dev/null +++ b/layout/reftests/svg/outline.html @@ -0,0 +1,57 @@ +<!DOCTYPE HTML> +<html lang="en"> +<style> +rect, +text, +foreignObject, +circle, +ellipse, +image, +line, +path, +polygon, +polyline { + outline: 1px solid black; +} + +</style> +<body> +<svg xmlns="http://www.w3.org/2000/svg" overflow="visible"> + <g> + <rect width="100" height="100" style="fill: yellow"/> + <text x="0" y="140" font-family="Verdana" font-size="20"> + Hello world + </text> + <foreignObject x="0" y="160" width="200" height="60"> + <div xmlns="http://www.w3.org/1999/xhtml"> + Here is a paragraph that requires word wrap + </div> + </foreignObject> + <circle cx="40" cy="275" r="40" style="fill: green"/> + <ellipse cx="70" cy="380" rx="70" ry="50" style="fill: yellow"/> + <image x="0" y="450" height="100" width="100"/> + <line x1="0" y1="580" x2="100" y2="580" style="stroke: red; stroke-width: 2"/> + <path d="M50 600 L10 650 L90 650 Z"/> + <polygon points="300,50 350,0 400,50" style="fill: lime"/> + <polyline points="300,80 350,70 400,80" style="fill: none; stroke: black;stroke-width: 3"/> + <g transform="translate(300, 70)" style="outline: 1px solid"> + <circle cx="50" cy="50" r="20" style="fill: blue; outline: 0px"/> + </g> + <g transform="translate(300, 150)" style="outline: 1px solid"> + <circle cx="50" cy="50" r="20" style="fill: green; outline: 0px"/> + <g> + <rect x="15" y="15" width="30" height="10" style="fill: blue"/> + </g> + </g> + <svg x="300" y="250"> + <rect x="30" y="10" height="50" width="50" style="fill: red"/> + </svg> + <a xlink:href="#" id="link"> + <text x="300" y="350" font-family="Verdana" font-size="20"> + link + </text> + </a> + </g> +</svg> +</body> +</html>
\ No newline at end of file |