可以在 SVG 渐变标签中使用像素吗？
Can you use pixels in an SVG gradient tag?
这是一个 SVG 渐变规范：
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
但是除了百分比（您正在着色的矩形）之外，有没有一种方法可以使用相对于整个 SVG 标签的像素点。像这样（对于高度为 250 像素的 SVG 标签）：
<linearGradient id="grad1" x1="0" y1="0" x2="0" y2="250">
我想我找到了答案：向渐变标签添加一个 gradientUnits="userSpaceOnUse" 属性
这是一个 SVG 渐变规范：
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
但是除了百分比（您正在着色的矩形）之外，有没有一种方法可以使用相对于整个 SVG 标签的像素点。像这样（对于高度为 250 像素的 SVG 标签）：
<linearGradient id="grad1" x1="0" y1="0" x2="0" y2="250">
我想我找到了答案：向渐变标签添加一个 gradientUnits="userSpaceOnUse" 属性