<circle>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015å¹´7æâ©.

* Some parts of this feature may have varying levels of support.

SVG åç´ <circle> æ¯ç¨äºæ ¹æ®åå¿åæ ååå¾ç»å¶åå½¢ç SVG åºæ¬å½¢ç¶ã

ä½¿ç¨ä¸ä¸æ

ç±»å«	åºæ¬å½¢ç¶åç´ ãå¾å½¢åç´ ãå½¢ç¶åç´
åè®¸çåå®¹	ä»»ææ°éãä»»æé¡ºåºçä¸ååç´ ï¼ å¨ç»åç´ æè¿°æ§åç´

cx: åå¿ç x è½´åæ ãå¼ç±»åï¼<length> | <percentage>ï¼é»è®¤å¼ï¼0ï¼å¨ç»æ§ï¼æ¯
cy: åå¿ç y è½´åæ ãå¼ç±»åï¼<length> | <percentage>ï¼é»è®¤å¼ï¼0ï¼å¨ç»æ§ï¼æ¯
r: åçåå¾ãè¥å¼å°äºæçäº 0ï¼ååå½¢ä¸ä¼è¢«æ¸²æãå¼ç±»åï¼<length> | <percentage>ï¼é»è®¤å¼ï¼0ï¼å¨ç»æ§ï¼æ¯
pathLength: åå¨çæ»é¿åº¦ï¼åä½ä¸ºç¨æ·åä½ãå¼ç±»åï¼<number>ï¼é»è®¤å¼ï¼æ ï¼å¨ç»æ§ï¼æ¯

è¯¥åç´ å®ç°äº SVGCircleElement æ¥å£ã

html,
body,
svg {
  height: 100%;
}

html

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

Specification
Scalable Vector Graphics (SVG) 2 # CircleElement