我有这张循环图 - https://jsfiddle.net/kyleopperman/aacgzxed/ - 但我正在努力让渐变从每个部分的中心开始并填充到边缘。谁能帮我解决这个问题?
var gradient = vis.append("defs")
.append("linearGradient")
.attr("id", "gradient")
.attr("x1", "0%")
.attr("y1", "0%")
.attr("x2", "100%")
.attr("y2", "100%")
.attr("spreadMethod", "pad");
gradient.append("stop")
.attr("offset", "0%")
.attr("stop-color", "#61B5C3")
.attr("stop-opacity", 1);
gradient.append("stop")
.attr("offset", "100%")
.attr("stop-color", "#5393AC")
.attr("stop-opacity", 1);
最佳答案
好的,我已经设法使用 radialGradient 解决了这个问题
var radialGradient = vis.append("defs")
.append("radialGradient")
.attr("id", "radialGradient")
.attr("cx", "0%")
.attr("cy", "0%")
.attr("r", "50%")
.attr("fx", "0%")
.attr("fy", "0%")
.attr("spreadMethod", "pad")
.attr("gradientUnits", "userSpaceOnUse");
关于javascript - D3 渐变起点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38050208/