SVG子元素影响它的父元素

时间:2018-03-14 20:12:42

标签: svg properties attributes parent-child elements

SVG中的许多元素属性通常在元素中声明为attributesproperties。 F.ex widthheight

<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">

但是,有些属性可以表示为子元素。这些子元素直接放在它们正在影响的父元素内。其中一个子元素是title

<svg width="500" height="300" xmlns="http://www.w3.org/2000/svg">
  <g>
    <title>SVG Title Demo example</title>
    <rect x="10" y="10" width="200" height="50" />
  </g>
</svg>

在这种情况下,title适用于它的第一个父g

是否存在所有影响子元素的父元素列表?

我需要知道何时检查元素的子元素以获取其他定义。

1 个答案:

答案 0 :(得分:0)

到目前为止,我发现了影响其父母的以下子elements

  

<强> Descriptive elements:

     

提供有关的补充描述性信息的元素   它的父母。

     
      
  • 递减
  •   
  • 元数据
  •   
  • 标题
  •   

  

<强> Filter primitive elements:

     

过滤器原始元素是可以用作a的子元素的元素   过滤器元素,用于指定过滤器图形中的节点。

     
      
  • feBlend
  •   
  • feColorMatrix
  •   
  • feComponentTransfer
  •   
  • feComposite
  •   
  • feConvolveMatrix
  •   
  • feDiffuseLighting
  •   
  • feDisplacementMap
  •   
  • feFlood
  •   
  • feGaussianBlur
  •   
  • feImage
  •   
  • feMerge
  •   
  • feMorphology
  •   
  • feOffset
  •   
  • feSpecularLighting
  •   
  • feTile
  •   
  • feTurbulence
  •