弯曲的线性梯度

时间:2021-06-10 07:43:48

标签: svg d3.js linear-gradients

是否可以实现曲线线性渐变?到目前为止,我所有的尝试都导致颜色以 45 度过渡。我正在尝试将绿色调到我画得很糟糕的蓝线。

enter image description here

 var lg = defs.append("radialGradient")
        .attr("id", "rainbow")
        .attr("x1", "100%")
        .attr("x2", "0%")
        .attr("y1", "0%")
        .attr("y2", "100%");

    lg.append("stop")
        .attr("offset", "0%")
        .style("stop-color", "#EA232D")
        .style("stop-opacity", 1);

    lg.append("stop")
        .attr("offset", "20%")
        .style("stop-color", "#EF5D31")
        .style("stop-opacity", 1);

    lg.append("stop")
        .attr("offset", "60%")
        .style("stop-color", "#F8B03E")
        .style("stop-opacity", 1);

    lg.append("stop")
        .attr("offset", "80%")
        .style("stop-color", "#3AB557")
        .style("stop-opacity", 1);

0 个答案:

没有答案