首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

cy

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

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

用法上下文

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>

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

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

实例

代码语言:javascript
复制
  <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>

扫码关注腾讯云开发者

领取腾讯云代金券