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
|
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
class="reftest-wait"
onload="go()">
<!-- This is a series of snapshots of a color animation, starting at -->
<!-- YellowGreen (#9ACD32 == rgb(154,205,50)) and increasing each -->
<!-- channel beyond its maximum. (which should clamp it to 255) -->
<style>
stop { stop-color: yellowgreen; }
rect { stroke: black; }
</style>
<script xlink:href="../smil-grid.js" type="text/javascript"/>
<script xlink:href="../smil-util.js" type="text/javascript"/>
<script>
function go() {
var animAttrHash = { "attributeName" : "stop-color",
"from" : "yellowgreen",
"by" : "rgb(200, 100, 250)" };
var graphicElemTag = "rect";
var graphicElemAttrHash = { "width" : "15px",
"height" : "15px" };
testAnimatedGridWithDefs(graphicElemTag, graphicElemAttrHash, "fill",
[ "linearGradient", "stop" ],
"animate", [ animAttrHash ]);
}
</script>
</svg>
|
