circle

<circle>

<circle>元素是SVG基本形状,用于创建基于中心点和半径的圆。

用法上下文

分类基本形状元素,图形元素,形状元素
允许的内容任意数量的以下元素,以任何顺序排列:动画元素描述性元素

属性

全局属性

  • class

  • style

  • externalResourcesRequired

  • transform

具体属性

  • cx

  • cy

  • r

DOM接口

这个元素实现了SVGCircleElement接口。

SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">   <circle cx="100" cy="100" r="100"/> </svg>

结果

产品规格

SpecificationStatusComment
Scalable Vector Graphics (SVG) 2The definition of '<circle>' in that specification.Candidate Recommendation
Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<circle>' in that specification.RecommendationInitial definition

浏览器兼容性

FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0(Yes)1.5 (1.8)9.08.03.0.4

FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support3.0(Yes)1.0 (1.8)No support(Yes)3.0.4