要学习点svg
<ellipse id="population_base1" cx="400" cy="13" rx="100" ry="13" />
cx相对于左上角远点的坐标, cy相对于左上角的纵坐标 rx椭圆的横半径 ry椭圆的纵坐标
<path id="population_base2" d="M500 13 L500 113 A 100 12 0 0 1 300 113 L300 13 A 100 12 0 0 1 500 13" />
轨迹的画取，m=M开始坐标， L画到的点直线，A曲线的轨迹 100是横半径12是纵半径，001不管300结束为止的横坐标113和纵坐标
svg动画好久没玩过了，竟然可以有自己的点击事件，
http://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/
http://blog.csdn.net/chy555chy/article/details/53535581
<ellipse id="population_base1" cx="400" cy="13" rx="100" ry="13" />
cx相对于左上角远点的坐标, cy相对于左上角的纵坐标 rx椭圆的横半径 ry椭圆的纵坐标
<path id="population_base2" d="M500 13 L500 113 A 100 12 0 0 1 300 113 L300 13 A 100 12 0 0 1 500 13" />
轨迹的画取，m=M开始坐标， L画到的点直线，A曲线的轨迹 100是横半径12是纵半径，001不管300结束为止的横坐标113和纵坐标
svg动画好久没玩过了，竟然可以有自己的点击事件，
http://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/
http://blog.csdn.net/chy555chy/article/details/53535581