blob: fa259de4ee12013e093b581503e0f98c02a891e1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="reftest-wait"
onload="setTimeAndSnapshot(1, true)">
<title>Test animation of the "in" and "result" <string> attributes on "filter" elements</title>
<script xlink:href="smil-util.js" type="text/javascript"/>
<defs>
<filter id="filt">
<feFlood flood-color="red" result="flood1"/>
<feFlood flood-color="lime" result="nowhere">
<animate attributeName="result"
calcMode="discrete"
begin="0s" dur="0.5s"
from="nowhere" to="flood2"
fill="freeze"/>
</feFlood>
<feOffset in="flood1">
<animate attributeName="in"
calcMode="discrete"
begin="0s" dur="0.5s"
from="flood1" to="flood2"
fill="freeze"/>
</feOffset>
</filter>
</defs>
<rect width="100%" height="100%" fill="red"/>
<rect width="100%" height="100%" fill="red" filter="url(#filt)"/>
</svg>
|