summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/clipPath-css-transform.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /layout/reftests/svg/clipPath-css-transform.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/svg/clipPath-css-transform.html')
-rw-r--r--layout/reftests/svg/clipPath-css-transform.html29
1 files changed, 29 insertions, 0 deletions
diff --git a/layout/reftests/svg/clipPath-css-transform.html b/layout/reftests/svg/clipPath-css-transform.html
new file mode 100644
index 0000000000..19c5cd1711
--- /dev/null
+++ b/layout/reftests/svg/clipPath-css-transform.html
@@ -0,0 +1,29 @@
+<style>
+#rec1 {
+ transform: translate(15px,15px) scale(2,4);
+}
+#rec3 {
+ transform: translate(100px,100px) scale(2,4);
+}
+#clipPath3 {
+ transform: translate(100px,100px);
+}
+</style>
+<svg style="width: 400px; height: 400px; border: 1px solid red">
+ <defs>
+ <clipPath id="clipPath1">
+ <rect id="rec1" width="20px" height="10px" />
+ <rect id="rec2" width="20px" height="10px" />
+ </clipPath>
+ <clipPath id="clipPath2">
+ <rect id="rec3" width="20px" height="10px" />
+ </clipPath>
+ <clipPath id="clipPath3">
+ <rect id="rec4" x="200px" y="200px" width="40px" height="40px" />
+ </clipPath>
+ </defs>
+
+ <circle cx="25px" cy="25px" r="20px" fill="skyblue" clip-path="url(#clipPath1)" />
+ <circle cx="125px" cy="125px" r="20px" fill="skyblue" clip-path="url(#clipPath2)" />
+ <circle cx="225px" cy="225px" r="20px" fill="skyblue" clip-path="url(#clipPath3)" />
+</svg>