弦生成器

时间：2016-09-30 00:47:26 阅读：193 评论：0 收藏：0 [点我收藏+]

标签：

弦生成器→d3.ribbon()。返回的函数使用二次贝塞尔曲线连接两个圆弧，以构成封闭的弦的路径数据。

从d3.ribbon()返回函数的作用来看，弦其实可分为两部分，一部分为两个圆弧，一部分为二次贝塞尔曲线。贝塞尔曲线是d3.ribbon()返回的函数帮我们生成的，那我们只需要画两个圆弧（起始圆弧，结束圆弧）就可以了。画圆弧（arc）的需要的参数为半径、起始角度、结束角度。因此我们就可以知道弦生成器需要的参数形式为：

var data = {
    source : {
        radius : XXX,
        startAngle : XXX,
        endAngle : XXX
    },
    target : {
        radius : XXX,
        startAngle : XXX,
        endAngle : XXX
    }
};

既然需要这样的参数，就需要指定每个参数的访问器函数，因此d3提供了：ribbon.source([source])、ribbon.target([target])、ribbon.radius([radius])、ribbon.startAngle([angle])、ribbon.endAngle([angle])。

源码:

弦生成器

标签：

原文地址：http://www.cnblogs.com/yaoyinglong/p/5921966.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行