當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。