testing/web-platform/tests/css/filter-effects/filter-region-units-001.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<!DOCTYPE html>
<title>SVG Filters: &lt;filter> with filter region using  for 'width' w/ objectBoundingBox units</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: 10px;
  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="1em" height="1" font-size="10px"
          color-interpolation-filters="sRGB">
    <feFlood flood-color="green"/>
  </filter>
</svg>