SVG角梯度

有没有办法在SVG中实现“角度渐变”

（我不知道官方术语——它是你在颜色选择器中看到的那种渐变，它随角度而变化。）

SVG似乎只支持线性和径向渐变，但我认为可能有某种方法可以使用变换来模拟我想要的

---

谢谢

没有标准的支持来做角度（锥形）梯度

---

但是，请参阅以了解一些近似方法（尽管不包括源代码）。该链接上的示例不起作用。

使用了一种创新的技术来近似它。

这里有一个可能的向量锥梯度，但只有VML（+IE）可以做到…：

---

在我对这个类似问题的回答中，我使用了六个线性梯度来近似一个锥形梯度。如果只需要圆的笔划/周长的渐变，而不需要填充，那么它应该是足够好的近似值

---

以下是如何使用模式进行操作：

如果深入研究，您会发现在SVG中通过将其绘制为一系列1度圆弧来近似圆锥梯度的代码。

…10年后

CSS现在支持锥形渐变，尽管在撰写本文时是这样

您可以将

应用于

，其内容使用CSS锥形渐变来实现所需效果

---

我认为您描述的是具有多种颜色的径向渐变。你能展示你想要创造的形象吗？很好的发现。SVG的一个优点是它是源代码。与HTML一样，如果您可以看到它，那么源代码也无法不包括在内。：-）嗨，肯，我不知道这有什么帮助，除非我有来源。我不能在页面中硬编码svg路径来生成渐变。e、 我在寻找一个穿过填充圆弧的角度梯度。@ken不总是正确的。。。我看到一些程序使用d属性在单个10kb+路径中绘制巨大的拭子。。。不太容易阅读，我可能会添加。它嵌入了一个png图像来显示渐变圆。。它不是真正的矢量图形。只有笔划是用路径完成的。这看起来很棒！但是，有什么建议可以推广到给定外半径和内半径的弧？谢谢！在两个线性渐变相交的地方，可以得到颜色的不连续性。可能最安全的对齐直线半径的位置是内半径的一角。因为两个渐变结束的三角形区域将是相同的颜色。这回答了你的问题吗？嗨，我需要一个沿着整个弧线的梯度，就像你一样，但我需要它只在两种颜色之间变化-蓝色到紫色。。。但无论我尝试什么颜色组合，或者我把弧分成多少段，我都没有得到合适的渐变。你能用2种颜色的渐变来发布/更新你的答案吗！谢谢你给我举一个你想涂颜色的例子，比如用小提琴。我会尽我所能。我想将渐变从“#37bad6”（从右半部分的蓝色开始变为右半部分的紫色“#905387”）。另外，请注意，我使用的是d3，我在动态地做每件事。非常感谢。请添加一些文档/说明。并添加一个链接到。