LayoutTests/animations/interpolation/svg-stroke-interpolation.html - Issue 25456002: Web Animations CSS: Support animation of fill and stroke

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/animations/interpolation/svg-stroke-interpolation.html

Issue 25456002: Web Animations CSS: Support animation of fill and stroke (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Address review feedback Created 7 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <meta charset="UTF-8">

	3 <style>

	4 .target {

	5 width: 100px;

	6 height: 100px;

	7 fill: black;

	8 stroke-width: 20px;

	9 }

	10 .replica {

	11 fill: green;

	12 }

	13 </style>

	14 <body>

	15 <template id="target-template">

	16 <svg>

	17 <defs>

	18 <linearGradient id="gradient">

	19 <stop offset="0" stop-color="green"/>

	20 <stop offset="1" stop-color="gold"/>

	21 </linearGradient>

	22 </defs>

	23 <rect x="0" y="0" width="100" height="100">

	24 </template>

	25 <script src="resources/interpolation-test.js"></script>

	26 <script>

	27 assertInterpolation({

	28 property: 'stroke',

	29 from: 'orange',

	30 to: 'blue'

	31 }, [

	32 {at: -0.4, is: '#ffe700'},

	33 {at: 0, is: 'orange'},

	34 {at: 0.2, is: '#cc8433'},

	35 {at: 0.6, is: '#664299'},

	36 {at: 1, is: 'blue'},

	37 {at: 1.5, is: 'blue'}

	38 ]);

	39 assertInterpolation({

	40 property: 'stroke',

	41 from: 'orange',

	42 to: 'url(#gradient)'

	43 }, [

	44 {at: 0.2, is: 'orange'},

	45 {at: 0.6, is: 'url(#gradient)'}

	46 ]);

	47 </script>

	48 </body>

OLD	NEW