圆环增长动画的两种实现

问题描述： 实现圆环从0度逐渐增长，变成360度（或者某个百分比代表的度数）的动画。

实现方案

1、d3 js实现 兼容性好

var $svg = $con.find('svg').width(width).height(height);

var svg = d3.select($svg[0])
  .attr('width', width)
  .attr('height', height);

var imgW = 290 * 2;
var imgH = 290 * 2;
var arcF = d3.arc()
    .innerRadius(imgW / 2 - 20)
    .outerRadius(imgW / 2 + 20)