51 lines
1.5 KiB
HTML
51 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>animatedPoints non-animated</title>
|
|
<link rel="help" href="https://svgwg.org/svg2-draft/shapes.html#InterfaceSVGAnimatedPoints">
|
|
<meta name="assert" content="animatedPoints represents the current non-animated value">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
</head>
|
|
<body>
|
|
<svg xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:h="http://www.w3.org/1999/xhtml"
|
|
width="200" height="200">
|
|
<polyline fill="none" stroke="blue" stroke-width="5"
|
|
points="20,30 50,70" id="stripe">
|
|
<set id="anim" attributeType="XML" attributeName="points" fill="freeze"
|
|
to="170,150 130,120" begin="indefinite" onbegin="measure()"/>
|
|
</polyline>
|
|
</svg>
|
|
<script>
|
|
|
|
'use strict';
|
|
|
|
var measure;
|
|
|
|
async_test(t => {
|
|
|
|
measure = t.step_func(() => {
|
|
const stripe = document.getElementById('stripe');
|
|
const animatedPoints = stripe.animatedPoints;
|
|
assert_equals(animatedPoints.numberOfItems, 2);
|
|
assert_equals(animatedPoints.getItem(0).x, 20);
|
|
assert_equals(animatedPoints.getItem(0).y, 30);
|
|
assert_equals(animatedPoints.getItem(1).x, 50);
|
|
assert_equals(animatedPoints.getItem(1).y, 70);
|
|
t.done();
|
|
});
|
|
|
|
const anim = document.getElementById('anim');
|
|
if (anim.beginElement) {
|
|
anim.beginElement();
|
|
} else {
|
|
// SMIL not supported.
|
|
requestAnimationFrame(measure);
|
|
}
|
|
}, 'animatedPoints represents non-animated value');
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|