This translation is incomplete. Please help translate this article from English

« 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


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 SVGLength or an SVGAnimatedLength.


  <svg width="120" height="220"  
     viewPort="0 0 120 120" version="1.1" 

    <style type="text/css" >
       circle.circleClass {
       stroke: #006600;
       fill:   #cc0000;

     <circle  class="circleClass"   cx="40" cy="50" r="26"/>


다음 엘리먼트에서 cx속성을 사용할 수 있습니다.