дуга интерполирует анимацию только начальный угол, используя d3 js - PullRequest
Новая
       29

дуга интерполирует анимацию только начальный угол, используя d3 js

0 голосов
/ 23 октября 2018

нужно изменить начальный угол с анимацией attrTween и некоторую длительность дуги с помощью d3.js

Вот скрипта, что я пробовал.

http://jsfiddle.net/87e3d4tj/

var duration = 2000;
var startAngle = -90 * (Math.PI/180);
var endAngle = 30 * (Math.PI/180);

var svg = d3.select("svg")
.append("g")
.attr("transform", "translate(150,75)");

var arc = d3.arc()
  .innerRadius(50)
  .outerRadius(50)
  .startAngle( -90 * (Math.PI/180) )
  .endAngle( 90 * (Math.PI/180) );

svg.append("path")
    .attr('d', arc)
  .attr('id', 'my-path')
  .attr("fill", "none")
  .attr("stroke-width", 3)
  .attr("stroke", "blue");
/* more on the jsfiddle */
...