summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/outline.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/svg/outline.html
parentInitial commit. (diff)
downloadfirefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz
firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/svg/outline.html')
-rw-r--r--layout/reftests/svg/outline.html57
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