Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG线性渐变填充不透明度渐变_Svg_Opacity_Fill - Fatal编程技术网

SVG线性渐变填充不透明度渐变

SVG线性渐变填充不透明度渐变,svg,opacity,fill,Svg,Opacity,Fill,我一直在阅读SVG规范,并试图找出是否可以组合填充和不透明度渐变,但填充和不透明度的角度不同 请参见以下示例: <linearGradient id="MyFill" gradientUnits="objectBoundingBox"> <stop offset="0%" stop-color="#FF0000" /> <stop offset="100%" stop-color="#0000FF" /> </linearGradient

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


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

SVG 1.1不支持它,但您可能可以使用过滤器标记等解决方法来组合渐变(),或者
以这种方式将不同的渐变应用于同一元素,或者自己编写一个脚本来执行颜色插值。

stop元素上的x1和x2根据svg规范无效,这将无效。