SVG线性渐变填充不透明度梯度(SVG linear gradient fill with opac

我一直在阅读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的支持，但你可能可以做如过滤器标记一种变通方法，以梯度（相结合的例子 ），或<use> ，以不同的梯度应用于同一元素的方式，或者写一个脚本来执行的颜色内插自己。

文章来源: SVG linear gradient fill with opacity gradient