| Index: LayoutTests/animations/interpolation/svg-stroke-interpolation.html
|
| diff --git a/LayoutTests/animations/interpolation/svg-stroke-interpolation.html b/LayoutTests/animations/interpolation/svg-stroke-interpolation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..94cc1627c82e4730b5415f16f78772c96c7d16c5
|
| --- /dev/null
|
| +++ b/LayoutTests/animations/interpolation/svg-stroke-interpolation.html
|
| @@ -0,0 +1,48 @@
|
| +<!DOCTYPE html>
|
| +<meta charset="UTF-8">
|
| +<style>
|
| +.target {
|
| + width: 100px;
|
| + height: 100px;
|
| + fill: black;
|
| + stroke-width: 20px;
|
| +}
|
| +.replica {
|
| + fill: green;
|
| +}
|
| +</style>
|
| +<body>
|
| +<template id="target-template">
|
| +<svg>
|
| +<defs>
|
| +<linearGradient id="gradient">
|
| +<stop offset="0" stop-color="green"/>
|
| +<stop offset="1" stop-color="gold"/>
|
| +</linearGradient>
|
| +</defs>
|
| +<rect x="0" y="0" width="100" height="100">
|
| +</template>
|
| +<script src="resources/interpolation-test.js"></script>
|
| +<script>
|
| +assertInterpolation({
|
| + property: 'stroke',
|
| + from: 'orange',
|
| + to: 'blue'
|
| +}, [
|
| + {at: -0.4, is: '#ffe700'},
|
| + {at: 0, is: 'orange'},
|
| + {at: 0.2, is: '#cc8433'},
|
| + {at: 0.6, is: '#664299'},
|
| + {at: 1, is: 'blue'},
|
| + {at: 1.5, is: 'blue'}
|
| +]);
|
| +assertInterpolation({
|
| + property: 'stroke',
|
| + from: 'orange',
|
| + to: 'url(#gradient)'
|
| +}, [
|
| + {at: 0.2, is: 'orange'},
|
| + {at: 0.6, is: 'url(#gradient)'}
|
| +]);
|
| +</script>
|
| +</body>
|
|
|
Chromium Code Reviews
Issue 25456002:
Web Animations CSS: Support animation of fill and stroke (Closed)
Base URL: svn://svn.chromium.org/blink/trunk