SVG線性漸變填充不透明度梯度

我一直在閱讀SVG規範並試圖找出是否可以使用組合填充和不透明度漸變，但是在不同角度使用填充和不透明度？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>

不透明度以不同的角度，以填充所定義，如何可以組合這些成一個填充？或者如果我不能，我該如何將它應用於單個對象？

來源

2011-10-11 Mark Ingram

根據svg規範，停止元素上的x1和x2無效，這將不起作用。 –

它在SVG 1.1中不受支持，但您可以使用例如過濾器標記來組合漸變（an example）或<use>以將不同的漸變應用於同一元素或編寫腳本以執行顏色插值自己。

來源

2011-10-11 12:47:05

SVG線性漸變填充不透明度梯度

回答

相關問題