html 圆圈透明 其他不透明,SVG <circle>元素

元素用于绘制具有中心点和给定半径的圆。

声明

以下是元素的语法声明。 这里只列出了几个主要属性。

cx="x-axis co-ordinate"

cy="y-axis co-ordinate"

r="length" >

属性

编号

属性

描述

1

cx

圆心的x轴坐标。 缺省值是0。

2

cy

圆心的y轴坐标。 缺省值是0。

3

r

圆的半径。

示例

文件:textSVG.html -

SVG圆形

简单SVG圆形图片

Circle #1: Without opacity.

stroke-width="3" fill="rgb(121,0,121)">

在Chrome网络浏览器中打开textSVG.html。 可以使用Chrome/Firefox/Opera直接查看SVG图像，无需任何插件。 Internet Explorer 9及更高版本还支持SVG图像呈现。

示例:用不透明的圆圈

SVG圆形

简单SVG圆形图片

Circle #2: With opacity

style="fill:rgb(121,0,121);stroke-width:3;

stroke:rgb(0,0,0);stroke-opacity:0.5;opacity:0.5">

在Chrome网络浏览器中打开textSVG.html。 可以使用Chrome/Firefox/Opera直接查看SVG图像，无需任何插件。 Internet Explorer 9及更高版本还支持SVG图像呈现。

¥ 我要打赏

纠错/补充

收藏

加QQ群啦，易百教程官方技术学习群

注意：建议每个人选自己的技术方向加群，同一个QQ最多限加 3 个群。