현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
« SVG Attribute reference home
<circle>과 <ellipse>엘리먼트에서 사용될 경우, 본 속성은 엘리먼트의 중심의 x축의 위치를 나타낸다. 속성이 정의되어있지 않을 경우 속성 값이 "0"일 경우와 동일한 형태를 나타내게 된다.
<radialGradient> 엘리먼트의 경우에는 본 속성은 원형 그래디언트의 가장 큰 원의 x축의 위치를 나타낸다. 그래디언트는 가장 큰 원의 둘레와 일치할 수 있도록 그려질것입니다. 속성이 정의되어있지 않을 경우 속성 값이 50%일 경우와 동일한 효과를 나타내게 된다.
Usage context
| Categories | None |
|---|---|
| Value | <coordinate> |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition): The circle element SVG 1.1 (2nd Edition): The ellipse element SVG 1.1 (2nd Edition): The radialGradient element |
- <coordinate>
-
A <coordinate> is a length in the user coordinate system that is the given distance from the origin of the user coordinate system along the relevant axis (the x-axis for X coordinates, the y-axis for Y coordinates). Its syntax is the same as that for <length>.
Within the SVG DOM, a <coordinate> is represented as an
SVGLengthor anSVGAnimatedLength.
예시
<svg width="120" height="220"
viewPort="0 0 120 120" version="1.1"
xmlns="https://www.w3.org/2000/svg">
<style type="text/css" >
<![CDATA[
circle.circleClass {
stroke: #006600;
fill: #cc0000;
}
]]>
</style>
<circle class="circleClass" cx="40" cy="50" r="26"/>
</svg>
엘리먼트
다음 엘리먼트에서 cx속성을 사용할 수 있습니다.