我对d3非常陌生,想知道如何实现这种效果,即多条线始终与圆的周线保持切线。
到目前为止,这是我所拥有的:http : //jsfiddle.net/tz5KT/181/
function transition() {
svg.selectAll(".lines")
.attr("x2", function (d) {
var tangent = findTangent(d.x, d.y);
return tangent.x;
})
.attr("y2", function (d) {
var tangent = findTangent(d.x, d.y);
return tangent.y;
});
circleX = getRandom(0, width),
circleY = getRandom(0, height);
svg.select(".circle").transition()
.duration(1500)
.attr("cx", circleX)
.attr("cy", circleY)
.each("end", transition);
}
我只是不确定如何将线条从一个位置过渡到另一位置,同时又保持它们与圆切线。有关如何执行此操作的任何建议?非常感激。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句