我想用两种渐变来填充SVG形状,其中一种与另一种呈45度角:
<linearGradient id="wave" x1="0%" x2="100%" y1="0%" y2="0%"
spreadMethod="pad">
<stop offset="0%" stop-color="gray" />
<stop offset="25%" stop-color="black"/>
<stop offset="65%" stop-color="white"/>
<stop offset="100%" stop-color="gray" />
</linearGradient>
<linearGradient id="red-yellow" x1="0%" x2="100%" y1="0%" y2="100%"
spreadMethod="pad" gradientTransform="rotate(7)">
<stop offset="0%" stop-color="gold" />
<stop offset="30%" stop-color="gold"/>
<stop offset="50%" stop-color="red"/>
<stop offset="100%" stop-color="red" />
</linearGradient>
有没有一种方法可以混合(相乘)这些渐变色?最终结果应该是一个矩形(或任意形状),从左上角的“金色”变成右下角的“红色”,并且值(如HSV中的值)从左到右依次变为中等、低、高、中等。