LayoutTests/svg/custom/animate-path-morphing.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<script type="text/ecmascript"> <![CDATA[
if (window.layoutTestController) {
    layoutTestController.waitUntilDone();
    setTimeout("layoutTestController.notifyDone()", 1000);
}
]]> </script>
<path d="M40,140 L40,100 10,100 C10,10 90,10 90,100 L60,100 60,140 M140,50 C70,180 195,180 190,100 " style="fill:white;stroke:red;stroke-width:2">
    <animate attributeName="d" values="M40,140 L40,100 10,100 C10,10 90,10 90,100 L60,100 60,140 M140,50 C70,180 195,180 190,100
        ;M140,40 L100,40 100,10 C10,10 10,90 100,90 L100,60 140,60 M50,140 C180,70 180,195 100,190;" dur="0.5" fill="freeze"/>
</path>
</svg>