summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/pservers/reftests/pattern-text-01.svg
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/svg/pservers/reftests/pattern-text-01.svg')
-rw-r--r--testing/web-platform/tests/svg/pservers/reftests/pattern-text-01.svg21
1 files changed, 21 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/pservers/reftests/pattern-text-01.svg b/testing/web-platform/tests/svg/pservers/reftests/pattern-text-01.svg
new file mode 100644
index 0000000000..16c053590d
--- /dev/null
+++ b/testing/web-platform/tests/svg/pservers/reftests/pattern-text-01.svg
@@ -0,0 +1,21 @@
+<svg height="100px" width="100px" viewBox="0 0 1000 300" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
+ <metadata>
+ <h:title>pattern on text elements</h:title>
+ <h:link rel="help" href="https://www.w3.org/TR/SVG2/pservers.html#Patterns"/>
+ <h:link rel="match" href="reference/green-100x100.svg"/>
+ <h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+ </metadata>
+ <defs>
+ <pattern id="green" width="10%" height="10%" patternUnits="userSpaceOnUse">
+ <rect width="8%" height="8%" fill="green"/>
+ </pattern>
+ <pattern id="red" width="10%" height="10%" patternUnits="userSpaceOnUse">
+ <rect x="0.5%" y="0.5%" width="7%" height="7%" fill="red"/>
+ </pattern>
+ </defs>
+ <rect fill="green" width="1000" height="300"/>
+
+ <!-- the text should be covered by the rect that follows -->
+ <text fill="url(#red)" font-family="Ahem" font-size="100px" x="50" y="150">XXXXXXXX</text>
+ <rect fill="url(#green)" width="1000" height="300"/>
+</svg>