具有不透明度梯度的SVG线性渐变填充

Question

我一直在阅读SVG规范并尝试找出是否可以使用组合填充和不透明度渐变，但是填充和不透明度是否在不同的角度？

请参阅以下示例：

<linearGradient id="MyFill" gradientUnits="objectBoundingBox">
    <stop offset="0%" stop-color="#FF0000" />
    <stop offset="100%" stop-color="#0000FF" />
</linearGradient>

<linearGradient id="MyTransparency" gradientUnits="objectBoundingBox">
    <stop offset="0%" stop-opacity="0%" x1="50%" x2="50%" />
    <stop offset="100%" stop-opacity="100%" x1="50%" x2="50%" />
</linearGradient>

不透明度的定义与填充的角度不同，如何将它们组合成一个填充？或者，如果我不能，我如何将其应用于单个对象？

Answer 1

SVG 1.1不支持，但您可以使用例如过滤器标记来组合渐变（an example）或<use>以将不同的渐变应用于相同的这样的元素，或者写一个脚本来自己进行颜色插值。