Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!doctype HTML>
<title>Test that re-painting a foreignObject element with a filter works.</title>
<link rel="match" href="filter-repaint-ref.html">
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
<svg>
<foreignObject style="overflow: visible;"
width="400" height="400" filter="url(#blur)">
<div id=target>test</div>
</foreignObject>
<g>
<defs>
<filter id="blur">
<feGaussianBlur stdDeviation="0.1"/>
</filter>
</defs>
</g>
</svg>
<script>
onload = () => {
requestAnimationFrame(() => requestAnimationFrame(() =>
target.style.width = '11px'));
}
</script>