| 1 | import {path} from "d3-path";
|
|---|
| 2 | import {slice} from "./array.js";
|
|---|
| 3 | import constant from "./constant.js";
|
|---|
| 4 | import {abs, cos, epsilon, halfPi, sin} from "./math.js";
|
|---|
| 5 |
|
|---|
| 6 | function defaultSource(d) {
|
|---|
| 7 | return d.source;
|
|---|
| 8 | }
|
|---|
| 9 |
|
|---|
| 10 | function defaultTarget(d) {
|
|---|
| 11 | return d.target;
|
|---|
| 12 | }
|
|---|
| 13 |
|
|---|
| 14 | function defaultRadius(d) {
|
|---|
| 15 | return d.radius;
|
|---|
| 16 | }
|
|---|
| 17 |
|
|---|
| 18 | function defaultStartAngle(d) {
|
|---|
| 19 | return d.startAngle;
|
|---|
| 20 | }
|
|---|
| 21 |
|
|---|
| 22 | function defaultEndAngle(d) {
|
|---|
| 23 | return d.endAngle;
|
|---|
| 24 | }
|
|---|
| 25 |
|
|---|
| 26 | function defaultPadAngle() {
|
|---|
| 27 | return 0;
|
|---|
| 28 | }
|
|---|
| 29 |
|
|---|
| 30 | function defaultArrowheadRadius() {
|
|---|
| 31 | return 10;
|
|---|
| 32 | }
|
|---|
| 33 |
|
|---|
| 34 | function ribbon(headRadius) {
|
|---|
| 35 | var source = defaultSource,
|
|---|
| 36 | target = defaultTarget,
|
|---|
| 37 | sourceRadius = defaultRadius,
|
|---|
| 38 | targetRadius = defaultRadius,
|
|---|
| 39 | startAngle = defaultStartAngle,
|
|---|
| 40 | endAngle = defaultEndAngle,
|
|---|
| 41 | padAngle = defaultPadAngle,
|
|---|
| 42 | context = null;
|
|---|
| 43 |
|
|---|
| 44 | function ribbon() {
|
|---|
| 45 | var buffer,
|
|---|
| 46 | s = source.apply(this, arguments),
|
|---|
| 47 | t = target.apply(this, arguments),
|
|---|
| 48 | ap = padAngle.apply(this, arguments) / 2,
|
|---|
| 49 | argv = slice.call(arguments),
|
|---|
| 50 | sr = +sourceRadius.apply(this, (argv[0] = s, argv)),
|
|---|
| 51 | sa0 = startAngle.apply(this, argv) - halfPi,
|
|---|
| 52 | sa1 = endAngle.apply(this, argv) - halfPi,
|
|---|
| 53 | tr = +targetRadius.apply(this, (argv[0] = t, argv)),
|
|---|
| 54 | ta0 = startAngle.apply(this, argv) - halfPi,
|
|---|
| 55 | ta1 = endAngle.apply(this, argv) - halfPi;
|
|---|
| 56 |
|
|---|
| 57 | if (!context) context = buffer = path();
|
|---|
| 58 |
|
|---|
| 59 | if (ap > epsilon) {
|
|---|
| 60 | if (abs(sa1 - sa0) > ap * 2 + epsilon) sa1 > sa0 ? (sa0 += ap, sa1 -= ap) : (sa0 -= ap, sa1 += ap);
|
|---|
| 61 | else sa0 = sa1 = (sa0 + sa1) / 2;
|
|---|
| 62 | if (abs(ta1 - ta0) > ap * 2 + epsilon) ta1 > ta0 ? (ta0 += ap, ta1 -= ap) : (ta0 -= ap, ta1 += ap);
|
|---|
| 63 | else ta0 = ta1 = (ta0 + ta1) / 2;
|
|---|
| 64 | }
|
|---|
| 65 |
|
|---|
| 66 | context.moveTo(sr * cos(sa0), sr * sin(sa0));
|
|---|
| 67 | context.arc(0, 0, sr, sa0, sa1);
|
|---|
| 68 | if (sa0 !== ta0 || sa1 !== ta1) {
|
|---|
| 69 | if (headRadius) {
|
|---|
| 70 | var hr = +headRadius.apply(this, arguments), tr2 = tr - hr, ta2 = (ta0 + ta1) / 2;
|
|---|
| 71 | context.quadraticCurveTo(0, 0, tr2 * cos(ta0), tr2 * sin(ta0));
|
|---|
| 72 | context.lineTo(tr * cos(ta2), tr * sin(ta2));
|
|---|
| 73 | context.lineTo(tr2 * cos(ta1), tr2 * sin(ta1));
|
|---|
| 74 | } else {
|
|---|
| 75 | context.quadraticCurveTo(0, 0, tr * cos(ta0), tr * sin(ta0));
|
|---|
| 76 | context.arc(0, 0, tr, ta0, ta1);
|
|---|
| 77 | }
|
|---|
| 78 | }
|
|---|
| 79 | context.quadraticCurveTo(0, 0, sr * cos(sa0), sr * sin(sa0));
|
|---|
| 80 | context.closePath();
|
|---|
| 81 |
|
|---|
| 82 | if (buffer) return context = null, buffer + "" || null;
|
|---|
| 83 | }
|
|---|
| 84 |
|
|---|
| 85 | if (headRadius) ribbon.headRadius = function(_) {
|
|---|
| 86 | return arguments.length ? (headRadius = typeof _ === "function" ? _ : constant(+_), ribbon) : headRadius;
|
|---|
| 87 | };
|
|---|
| 88 |
|
|---|
| 89 | ribbon.radius = function(_) {
|
|---|
| 90 | return arguments.length ? (sourceRadius = targetRadius = typeof _ === "function" ? _ : constant(+_), ribbon) : sourceRadius;
|
|---|
| 91 | };
|
|---|
| 92 |
|
|---|
| 93 | ribbon.sourceRadius = function(_) {
|
|---|
| 94 | return arguments.length ? (sourceRadius = typeof _ === "function" ? _ : constant(+_), ribbon) : sourceRadius;
|
|---|
| 95 | };
|
|---|
| 96 |
|
|---|
| 97 | ribbon.targetRadius = function(_) {
|
|---|
| 98 | return arguments.length ? (targetRadius = typeof _ === "function" ? _ : constant(+_), ribbon) : targetRadius;
|
|---|
| 99 | };
|
|---|
| 100 |
|
|---|
| 101 | ribbon.startAngle = function(_) {
|
|---|
| 102 | return arguments.length ? (startAngle = typeof _ === "function" ? _ : constant(+_), ribbon) : startAngle;
|
|---|
| 103 | };
|
|---|
| 104 |
|
|---|
| 105 | ribbon.endAngle = function(_) {
|
|---|
| 106 | return arguments.length ? (endAngle = typeof _ === "function" ? _ : constant(+_), ribbon) : endAngle;
|
|---|
| 107 | };
|
|---|
| 108 |
|
|---|
| 109 | ribbon.padAngle = function(_) {
|
|---|
| 110 | return arguments.length ? (padAngle = typeof _ === "function" ? _ : constant(+_), ribbon) : padAngle;
|
|---|
| 111 | };
|
|---|
| 112 |
|
|---|
| 113 | ribbon.source = function(_) {
|
|---|
| 114 | return arguments.length ? (source = _, ribbon) : source;
|
|---|
| 115 | };
|
|---|
| 116 |
|
|---|
| 117 | ribbon.target = function(_) {
|
|---|
| 118 | return arguments.length ? (target = _, ribbon) : target;
|
|---|
| 119 | };
|
|---|
| 120 |
|
|---|
| 121 | ribbon.context = function(_) {
|
|---|
| 122 | return arguments.length ? ((context = _ == null ? null : _), ribbon) : context;
|
|---|
| 123 | };
|
|---|
| 124 |
|
|---|
| 125 | return ribbon;
|
|---|
| 126 | }
|
|---|
| 127 |
|
|---|
| 128 | export default function() {
|
|---|
| 129 | return ribbon();
|
|---|
| 130 | }
|
|---|
| 131 |
|
|---|
| 132 | export function ribbonArrow() {
|
|---|
| 133 | return ribbon(defaultArrowheadRadius);
|
|---|
| 134 | }
|
|---|