SVG描邊透明度簡單介紹

螞蟻小編發表於2018-07-09
SVG
可以設定填充的透明度，具體可以參閱fill-opacity屬性用法詳解一章節。

我們也可以設定描邊的透明度，看一段程式碼例項:

[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"
        stroke="blue"
        stroke-width="10"
        stroke-opacity="0.5"
        width="100" height="100">
  </rect>
</svg>
</body>
</html>

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

相關文章