<g>

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æâ©.

ç¤ºä¾

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

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- ä½¿ç¨ g ç»§æ¿åç°å±æ§ -->
  <g fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
</svg>

ä½¿ç¨ä¸ä¸æ

ç±»å«	å®¹å¨åç´ ãç»æåç´
åè®¸çåå®¹	ä»»ææ°éãä»»æé¡ºåºçä¸ååç´ ï¼ å¨ç»åç´ æè¿°æ§åç´ å½¢ç¶åç´ ç»æååç´ æ¸ååç´ `<a>`ã`<clipPath>`ã`<filter>`ã`<foreignObject>`ã`<image>`ã`<marker>`ã`<mask>`ã`<pattern>`ã`<script>`ã`<style>`ã`<switch>`ã`<text>`ã`<view>`