| <!DOCTYPE html> |
| <html> |
| <body> |
| <template id="target-template"> |
| <svg width="90" height="90"> |
| <line x1="1" y1="2" x2="3" y2="4" class="target" /> |
| </svg> |
| </template> |
| <script src="../svg-attribute-interpolation/resources/interpolation-test.js"></script> |
| <script> |
| 'use strict'; |
| |
| assertAttributeInterpolation({ |
| property: 'transform', |
| underlying: 'matrix(1 2 3 4 5 6)', |
| from: 'rotate(10 20 30)', |
| fromComposite: 'add', |
| to: 'rotate(30 70 150)', |
| toComposite: 'add' |
| }, [ |
| {at: -0.4, is: 'matrix(1 2 3 4 5 6) rotate(2 0 -18)'}, |
| {at: 0, is: 'matrix(1 2 3 4 5 6) rotate(10 20 30)'}, |
| {at: 0.2, is: 'matrix(1 2 3 4 5 6) rotate(14 30 54)'}, |
| {at: 0.6, is: 'matrix(1 2 3 4 5 6) rotate(22 50 102)'}, |
| {at: 1, is: 'matrix(1 2 3 4 5 6) rotate(30 70 150)'}, |
| {at: 1.4, is: 'matrix(1 2 3 4 5 6) rotate(38 90 198)'} |
| ]); |
| |
| </script> |
| </body> |
| </html> |