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>
輸出:
相關用法
- SVG <marker>用法及代碼示例
- SVG <desc>用法及代碼示例
- SVG <a>用法及代碼示例
- SVG <clipPath>用法及代碼示例
- SVG <title>用法及代碼示例
- SVG <animateMotion>用法及代碼示例
- SVG <animate>用法及代碼示例
- SVG <g>用法及代碼示例
- SVG <textPath>用法及代碼示例
- SVG <tspan>用法及代碼示例
- SVG <use>用法及代碼示例
- SVG <symbol>用法及代碼示例
- SVG <foreignObject>用法及代碼示例
- SVG <hatch>用法及代碼示例
- SVG <set>用法及代碼示例
- SVG <feFlood>用法及代碼示例
注:本文由純淨天空篩選整理自epistler_999大神的英文原創作品 SVG <solidcolor> Element。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。