g

1 位贡献者:

这篇翻译不完整。请帮忙从英语翻译这篇文章

元素g是用来组合对象的容器。添加到g元素上的变换会应用到所有其子元素上。添加到g元素的属性会被其所有子元素继承。此外,g元素也可以用来定义复杂的对象,之后可以通过<use>元素来引用它们。

 

使用上下文

Categories Container element, structural element
Permitted content Any number of the following elements, in any order:
Animation elements »
Descriptive elements »
Shape elements »
Structural elements »
Gradient elements »
<a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>
Normative document SVG 1.1 (2nd Edition)

示例

<svg width="100%" height="100%" viewBox="0 0 95 50"
     xmlns="http://www.w3.org/2000/svg">
  <g stroke="green" fill="white" stroke-width="5">
    <circle cx="25" cy="25" r="15" />
    <circle cx="40" cy="25" r="15" />
    <circle cx="55" cy="25" r="15" />
    <circle cx="70" cy="25" r="15" />
  </g>
</svg>

属性

全局属性

专有属性

没有专有属性。

DOM接口

该元素实现了SVGGElement的所有接口.

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8) 未实现 (Yes) 3.0.4

图标基于 these sources.

文档标签和贡献者

向此页面作出贡献: manjun.han
最后编辑者: manjun.han,