html - 您可以在SVG的单个defs标签内定义多个定义吗？

是否可以在文档根目录的单个def标记内使用多个定义？

例。注意defs标签内的所有渐变。

<!doctype html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <body>
    <svg width="0" height="0">
       <defs>
         <linearGradient id="Gradient01">
           <stop offset="20%" stop-color="#39F" />
           <stop offset="90%" stop-color="#F3F" />
         </linearGradient>
         <linearGradient id="Gradient02">
           <stop offset="00%" stop-color="#3F3" />
           <stop offset="50%" stop-color="#39F" />
           <stop offset="90%" stop-color="#F55" />
         </linearGradient>
       </defs>
    </svg>
    <svg width="800px" height="300px"
           xmlns="http://www.w3.org/2000/svg">

        <rect x="10" y="10" width="200" height="20"
              fill="url(#Gradient01)" />
        <svg width="380px" height="330px"
             xmlns="http://www.w3.org/2000/svg">

        <rect x="10" y="50" width="200" height="20"
              fill="url(#Gradient02)" />
        </svg>
      </svg>
    </body>
  </html>

最佳答案

没有def标签。有一个defs标记。这应该是一个提示:)

但是要获得正式答案，请查看defs是defined的方式：

内容模型：以下任意数量的元素，按任意顺序排列：...