Function make4Graph

lib/web/drags.js:766–820

(rrRaph, w, h, get, setAndConstrain)

});

var make4Graph = function (rrRaph, w, h, get, setAndConstrain) {
    var vz = get();

    console.log(" initial value for 4 graph is " + stringify(vz));

    var curve = rrRaph.path().attr({"stroke-width": 4, "stroke": "#000"});

    var updatePath = function () {
        console.log(" path geometry will be " + stringify(vz));

        var z = "M" + (vz[0][0] * (w - insetW * 2) + insetW) + "," + (vz[0][1] * (h - insetW * 2) + insetW);
        z += "T" + (vz[1][0] * (w - insetW * 2) + insetW) + "," + (vz[1][1] * (h - insetW * 2) + insetW);
        z += "T" + (vz[2][0] * (w - insetW * 2) + insetW) + "," + (vz[2][1] * (h - insetW * 2) + insetW);
        z += "T" + (vz[3][0] * (w - insetW * 2) + insetW) + "," + (vz[3][1] * (h - insetW * 2) + insetW);
        console.log(" path geometry is  " + stringify(vz));
        curve.attr({path: z})
    };
    var s0 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return vz[0]
    }, function (o, p, n) {
        vz[0] = n;
        updatePath();
        q = setAndConstrain(vz, vz, vz);
        return q[0];
    }, true, false);
    var s1 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return vz[1]
    }, function (o, p, n) {
        vz[1] = n;
        updatePath();
        return setAndConstrain(vz, vz, vz)[1];
    }, false, false);
    var s2 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return vz[2]
    }, function (o, p, n) {
        vz[2] = n;
        updatePath();
        return setAndConstrain(vz, vz, vz)[2];
    }, false, false);
    var s3 = makeXYSlider(rrRaph, w, h, function () {
        vz = get();
        return vz[3]
    }, function (o, p, n) {
        vz[3] = n;
        updatePath();
        return setAndConstrain(vz, vz, vz)[3];
    }, false, false);

    return function () {
        return vz;
    }
};

//g = make4Graph(rrRaph, w, h, function(){return [[0.0,0.5],[0.25,0.5],[0.75,0.5],[1.0,0.5]]}, function(o,p,n){return n}, true)