MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

这篇翻译不完整。请帮忙从英语翻译这篇文章

« SVG 属性引用首页

对于<circle><ellipse> 元素, 此属性定义元素中心的X轴坐标. 如果未指定该属性, 默认为 "0"。

对于<radialGradient> 属性, 该属性定义径向梯度的最大 (即., 最外) 圆的x轴坐标. 将以“100%”这个梯度映射最大圆的周长绘制. 如果未定义该属性,默认按“50%”绘制.

用法详解

列表 None
Value <coordinate>
Animatable Yes
规范文档 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 SVGLength or an 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 属性:

文档标签和贡献者

 此页面的贡献者: huainanhai
 最后编辑者: huainanhai,