| <svg xmlns="http://www.w3.org/2000/svg" |
| xmlns:h="http://www.w3.org/1999/xhtml" |
| xmlns:xlink="http://www.w3.org/1999/xlink" |
| width="800" height="600" viewBox="0 0 800 600"> |
| <metadata> |
| <h:link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"/> |
| <h:link rel="help" href="https://www.w3.org/TR/SVG11/single-page.html#render-RenderingOrder"/> |
| <h:link rel="match" href="clip-path-filter-order-ref.svg"/> |
| <h:meta name="assert" content="Clip path should apply after filtering."/> |
| </metadata> |
| |
| <defs> |
| <filter id="redDropShadowFilter"> |
| <feOffset result="offsetOut" in="SourceGraphic" dx="10" dy="10" /> |
| <feColorMatrix result="colorMatrixOut" in="offsetOut" type="matrix" |
| values="1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" /> |
| <feGaussianBlur result="blurOut" in="colorMatrixOut" stdDeviation="15" /> |
| <feBlend in="SourceGraphic" in2="blurOut" mode="normal" /> |
| </filter> |
| <clipPath id="clipPath"> |
| <rect x="100" y="100" width="200" height="200" /> |
| </clipPath> |
| </defs> |
| <rect x="100" y="100" width="400" height="400" fill="green" |
| filter="url(#redDropShadowFilter)" clip-path="url(#clipPath)" /> |
| </svg> |