--- title: cx slug: Web/SVG/Attribute/cx translation_of: Web/SVG/Attribute/cx ---
« SVG Attribute reference home
{{ SVGElement("circle") }}과 {{ SVGElement("ellipse") }}엘리먼트에서 사용될 경우, 본 속성은 엘리먼트의 중심의 x축의 위치를 나타낸다. 속성이 정의되어있지 않을 경우 속성 값이 "0"일 경우와 동일한 형태를 나타내게 된다.
{{ SVGElement("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 |
{{ page("/en/SVG/Content_type","Coordinate") }}
<svg width="120" height="220" viewPort="0 0 120 120" version="1.1" xmlns="http://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
속성을 사용할 수 있습니다.