d3. js перевод по пути: можете ли вы изменить легкость по координате х? - PullRequest
0 голосов
/ 28 апреля 2020

У меня есть график с кривой с SVG кругом, который перемещается вдоль него. Я хочу, чтобы легкость была линейной только вдоль координаты x, а это означает, что когда круг идет вниз, путь быстрее, чем когда он движется горизонтально.

graph

circle
  .transition()
    .duration(graphSpeed)
    .ease(d3.easeLinear)
    .attrTween("transform", translateAlong(path.node()))
          
          
var totalLength = path.node().getTotalLength();

function translateAlong(path) {
  return function(d, i, a) {
    return function(graphSpeed) {
      var p = path.getPointAtLength(graphSpeed * totalLength);
      return "translate(" + p.x + "," + p.y + ")";
    }
  }
}
...