SVG <solidcolor>用法及代码示例

SVG代表可缩放矢量图形。它可以用来制作HTML网络结构中的图形和动画。 <solidcolor>元素在多个位置为SVG输入定义了一种颜色。它定义了一个调色板，并允许其在整个文档中一致使用。

用法:

<solidColor />

属性：它没有特定的属性。

范例1：

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
  
    <svg viewBox="0 0 200 200"> 
        <defs> 
            <solidColor id="color" 
                solid-color="#a080ff" 
                solid-opacity="0.5" /> 
        </defs> 
        <g> 
            <rect fill="none" stroke="blue" 
                x="6" y="6" width="15" 
                height="15" /> 
  
            <rect fill="url(#color)" 
                stroke="black" stroke-width="2" 
                x="1" y="1" width="25" 
                height="25" /> 
        </g> 
    </svg> 
</body> 
  
</html>

输出：

范例2：

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 220 220"> 
        <defs> 
            <solidColor id="MyLightPurple"
                solid-color="black" 
                solid-opacity="1" /> 
        </defs> 
  
        <rect fill="url(#MyLightPurple)" 
            stroke="black" stroke-width="5" 
            x="6" y="6" width="20" 
            height="20" /> 
    </svg> 
</body> 
  
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自epistler_999大神的英文原创作品 SVG <solidcolor> Element。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。