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

时间:2011-10-11 11:18:07

标签: svg opacity fill

我一直在阅读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>

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

1 个答案:

答案 0 :(得分:3)

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