circle

circle

 

 

<circle r="반지름" cx="중앙x좌표" cy="중앙y좌표" fill="채워질색"           stroke="테두리색" stroke-width="테두리두께"           opacity="투명도"   />

 

 

- 투명도는 0~1 사이의 실수형으로 지정.

 

 

 

[예제 1] 테두리만 표현

<svg>

 <circle r="100" cx="200" cy="200" fill="#ff0"  stroke="#f00" stroke-width="10"/>
</svg>

 

[실행결과]

 

 

[예제 2] 테두리와 투명도 조절

<svg>
 <circle r="100" cx="200" cy="150" fill="#ccc" opacity="0.5"
   stroke="#f00" stroke-width="10"/>
 <circle r="100" cx="300" cy="150" fill="#f0f"  opacity="0.5"
   stroke="#ff0" stroke-width="10"/>

</svg> 

[실행결과]