SVG描邊透明度簡單介紹

2018-7-9 16:19| 作者: 螞蟻小編| 查看: 3296| 評論: 0|來自: 螞蟻部落

可以設置填充的透明度,具體可以參閱fill-opacity屬性用法詳解一章節。

我們也可以設置描邊的透明度,看一段代碼實例:

[HTML] 純文本查看 復制代碼运行代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.tlmhwf.tw/" />
<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表示完全不透明。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
浙江6十1开奖号码查询r