fill-opacity屬性用法詳解

螞蟻小編發表於2017-02-01
使用此屬性可以設定fill填充的透明度。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head>
<body>
<svg>
  <rect
        x="10" y="10"
        fill="blue"
        fill-opacity="0.1"
        width="100" height="100">
  </rect>
</svg>
</body>
</html>

fill-opacity屬性用來設定透明度，值在0-1之間，0表示完全透明，1表示完全不透明。

相關文章