Function updateGradient

docs/app/js/sanddance-app.js:124342–124390

(el, grad, index)

    }
} // update gradient definitions
function updateGradient(el, grad, index) {
    let i, n, stop;
    if (grad.gradient === "radial") {
        // SVG radial gradients automatically transform to normalized bbox
        // coordinates, in a way that is cumbersome to replicate in canvas.
        // We wrap the radial gradient in a pattern element, allowing us to
        // maintain a circular gradient that matches what canvas provides.
        let pt = domChild(el, index++, "pattern", svgns);
        setAttributes(pt, {
            id: patternPrefix + grad.id,
            viewBox: "0,0,1,1",
            width: "100%",
            height: "100%",
            preserveAspectRatio: "xMidYMid slice"
        });
        pt = domChild(pt, 0, "rect", svgns);
        setAttributes(pt, {
            width: 1,
            height: 1,
            fill: `url(${href()}#${grad.id})`
        });
        el = domChild(el, index++, "radialGradient", svgns);
        setAttributes(el, {
            id: grad.id,
            fx: grad.x1,
            fy: grad.y1,
            fr: grad.r1,
            cx: grad.x2,
            cy: grad.y2,
            r: grad.r2
        });
    } else {
        el = domChild(el, index++, "linearGradient", svgns);
        setAttributes(el, {
            id: grad.id,
            x1: grad.x1,
            x2: grad.x2,
            y1: grad.y1,
            y2: grad.y2
        });
    }
    for(i = 0, n = grad.stops.length; i < n; ++i){
        stop = domChild(el, i, "stop", svgns);
        stop.setAttribute("offset", grad.stops[i].offset);
        stop.setAttribute("stop-color", grad.stops[i].color);
    }
    domClear(el, i);
    return index;
} // update clipping path definitions
function updateClipping(el, clip3, index) {
    let mask;
    el = domChild(el, index, "clipPath", svgns);