这是一个SVG梯度规范:
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
但是,有一种方法可以使用相对于整个SVG标记的像素点,而不是百分比(你可以着色的矩形)。像这样(对于高度为250px的SVG标签):
<linearGradient id="grad1" x1="0" y1="0" x2="0" y2="250">
答案 0 :(得分:2)
我想我找到了答案:在渐变标记中添加 gradientUnits =“userSpaceOnUse”属性