gpt4 book ai didi

javascript - 使 SVG 线条显示为动画 "following"线条

转载 作者:塔克拉玛干 更新时间:2023-11-02 23:01:42 27 4
gpt4 key购买 nike

<分区>

我正在使用以下代码在条形图上绘制一条线:

data.forEach(function(elem, index) {
svg.append("path")
.datum(elem)
.attr("class", "line")
.style("color", colors[index])
.attr("d", line);
});

其中 data 是一个多维数组,其每个元素都是 [{x: 0, y: whatever}, {x: 0.5, y: another- y-value}, ...],即直线经过的一组点。我想要做的是使线条看起来就像正在绘制一样,即不是让它立即出现,而是希望它从第一个点明显延伸到第二个点,依此类推,同时保持其曲率。这是它目前的样子(对于将 x 映射到 y 的任意函数):

enter image description here

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com