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

circle

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

用法上下文

分类

基本形状元素,图形元素,形状元素

允许的内容

任意数量的以下元素,以任何顺序排列:动画元素描述性元素

属性

全局属性

  • class
  • style
  • externalResourcesRequired
  • transform

具体属性

  • cx
  • cy
  • r

DOM接口

这个元素实现了SVGCircleElement接口。

SVG

代码语言:javascript
复制
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100"/>
</svg>

结果

产品规格

Specification

Status

Comment

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.

Recommendation

Initial definition

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

1.0

(Yes)

1.5 (1.8)

9.0

8.0

3.0.4

Feature

Android

Edge

Firefox Mobile (Gecko)

IE Phone

Opera Mobile

Safari Mobile

Basic support

3.0

(Yes)

1.0 (1.8)

No support

(Yes)

3.0.4

扫码关注腾讯云开发者

领取腾讯云代金券