SVG渐变作为带绝对位置的多段线笔划背景

是否能够设置应用于多段线的渐变背景的绝对位置

例如，当我设置渐变时：

<filter id="black-glow">
    <feColorMatrix type="matrix" values=
       "0 0 0 0   0        
        0 0 0 0   0
        0 0 0 0   0
        0 0 0 1   0" />
    <feGaussianBlur stdDeviation="3" result="coloredBlur" />
    <feMerge>
      <feMergeNode in="coloredBlur" />
      <feMergeNode in="SourceGraphic" />
    </feMerge>
</filter>

要创建多段线的笔划，请执行以下操作：

<polyline points="50,350 ... 350,239" style="fill:none;" stroke="url(#grad1)" stroke-width="3" stroke-linecap="round" />

（多段线具有最大/最小位置点）

结果还可以：

但是，当多段线为平面时：

---

绿色要高得多。由于这是彩色图表，我需要实现不断查看背景，与绘制多段线的方式无关。

如果希望在用户空间中应用渐变，则可以通过如下方式表达渐变：

<linearGradient id="grad1" gradientUnits="userSpaceOnUse" x1="0"
                y1="350" x2="0" y2="220">

看

---

x1、y1、x2和y2中的值将相对于当前用户空间坐标系，因此如果使用百分比，它们将相对于最近的视口，而不是使用渐变的形状的边界框。有关详细信息，请参见。

如果希望在用户空间中应用渐变，则可以通过如下方式表达渐变：

<linearGradient id="grad1" gradientUnits="userSpaceOnUse" x1="0"
                y1="350" x2="0" y2="220">

看

---

x1、y1、x2和y2中的值将相对于当前用户空间坐标系，因此如果使用百分比，它们将相对于最近的视口，而不是使用渐变的形状的边界框。有关详细信息，请参阅。

您能给我们一个JSFIDLE吗？当然，您知道。一个简单的JSFIDLE帮助；）你能给我们打个电话吗？当然，你知道。一个简单的JSFIDLE帮助；）谢谢，它起作用了。我看过文档，尝试了“objectBoundingBox”而不是“userSpaceOnUse”，但出现了一个问题（图表不可见）。我意识到另一个过滤器有问题。谢谢，它能工作。我看过文档，尝试了“objectBoundingBox”而不是“userSpaceOnUse”，但出现了一个问题（图表不可见）。我意识到另一个过滤器有问题。