可以在SVG渐变标记中使用像素吗？

以下是SVG渐变规范：

<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">

但是有一种方法可以代替百分比（您正在着色的矩形），使用相对于整个SVG标记的像素点。如下所示（对于高度为250px的SVG标记）：

我想我已经找到了答案：在渐变标签中添加gradientUnits=“userSpaceOnUse”属性

我要补充的是，只有当一个大的矩形和一个小的矩形并排时，这个问题才真正明显。这两个矩形都会显示整个渐变，但我更喜欢用另一种方式。谢谢，这在用d3构建折线图时帮了我大忙。乍一看，d3是个怪物，但一旦你习惯了，你就再也不想回去了。我们有大量不一致的基于时间的数据，需要懒散地加载、免费平移、缩放和实时更新。在测试了许多更高级别的库之后，结果证明最好的方法是跳进冷水中学习D3，现在我完全掌握了我所需要的。但是谢谢你的提示，我还是会看看RGraph的。你能评论一下它的用法吗（或者至少发一个例子）

<linearGradient id="grad1" x1="0" y1="0" x2="0" y2="250">