summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/filter-effects/filter-region-calc-001.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/filter-effects/filter-region-calc-001.html')
-rw-r--r--testing/web-platform/tests/css/filter-effects/filter-region-calc-001.html23
1 files changed, 23 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/filter-effects/filter-region-calc-001.html b/testing/web-platform/tests/css/filter-effects/filter-region-calc-001.html
new file mode 100644
index 0000000000..7f894ef24b
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/filter-region-calc-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<title>SVG Filters: &lt;filter> with filter region using calc() for 'width'</title>
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#FilterProperty">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#ColorInterpolationFiltersProperty">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#FilterElement">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#feFloodElement">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-width">
+<link rel="match" href="reference/green-100x100.html">
+<style>
+#target {
+ width: 200px;
+ height: 100px;
+ background-color: red;
+ filter: url(#f);
+}
+</style>
+<div id="target"></div>
+<svg width="0" height="0">
+ <filter id="f" x="0" y="0" width="calc(25% + 0.25px)" height="1"
+ color-interpolation-filters="sRGB">
+ <feFlood flood-color="green"/>
+ </filter>
+</svg>