var svg = d3.select('#myelement').append('svg'),
    curve = svg.append('path')
                 .attr('d', 'M100,200 C100,100 250,100 250,200S400,300 400,200');

curve.transition()
       .attr('d', 'M0,0 C100,100 250,100 250,200S400,300 400,200');

请在JsFiddle上看到这个。

有关曲线命令的其他文档，请参见正式文件。

票数 2

Stack Overflow用户

发布于 2015-04-20 08:28:53

使用d3.js动画Bezier曲线的一种廉价而简单的方法是转换stroke-dasharray属性。这个想法是从整条线是一条空隙开始，最后是一条短跑线。

有关这个想法的一个简单实现：http://jsfiddle.net/nj37gkgq/，请参阅这个jsfiddle。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15692028

复制

相似问题

问用最少资源的方法在D3库中绘制曲线
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用最少资源的方法在D3库中绘制曲线EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用最少资源的方法在D3库中绘制曲线
EN