У меня есть график с кривой с 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 + ")";
}
}
}