cx

对于<circle>和<ellipse>元素来说，这个属性定义了元素中心的x轴坐标。如果未指定属性，则效果就好像指定了“0”值。

对于<radialGradient>元素，该属性定义径向渐变的最大（即最外侧）圆的x轴坐标。将绘制梯度，使得100％梯度光阑被映射到该最大（即最外面）圆的周长。如果没有指定属性，则效果就好像指定了50％值。

用法上下文

<coordinate>

<coordinate>是用户坐标系中的长度，它是从用户坐标系的原点沿着相关轴（X坐标的X轴，Y坐标的Y轴）的给定距离。它的语法与<length>相同。

在SVG DOM中，一个<coordinate>被表示为一个SVGLength或一个SVGAnimatedLength。

实例

  <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属性

• <circle>

• <ellipse>

• <radialGradient>