SVG文書で複数のdefが許されていますか？

私は基準に従っていることを確認したい。
1つのSVG文書に複数のdefを持つことは許されていますか？SVG文書で複数のdefが許されていますか？

defを持つことができるネストされたsvgsはありますか？

<svg> 
<defs></defs> 
<svg> 
    <defs></defs> 
</svg> 
</svg>

私はこのことが許可されているそう

出典

2017-05-28 Fuzzyma

、 ~~彼らが持っている別の名前空間に関連する仕様で何かを見つけるcouldntの：~~

<!doctype html> 
 
    <html lang="en"> 
 
    <head> 
 
    <meta charset="UTF-8"> 
 
    <title>Document</title> 
 
    </head> 
 
    <body> 
 
    <svg width="800px" height="300px" 
 
      xmlns="http://www.w3.org/2000/svg"> 
 

 
     <defs> 
 
      <linearGradient id="Gradient01"> 
 
      <stop offset="20%" stop-color="#39F" /> 
 
      <stop offset="90%" stop-color="#F3F" /> 
 
      </linearGradient> 
 
     </defs> 
 

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

 
     <defs> 
 
      <linearGradient id="Gradient01"> 
 
      <stop offset="50%" stop-color="#39F" /> 
 
      <stop offset="90%" stop-color="#F3F" /> 
 
      </linearGradient> 
 
     </defs> 
 

 
     <rect x="250" y="250" width="160" height="110" 
 
       fill="url(#Gradient01)" /> 
 
     </svg> 
 
     </svg> 
 
    </body> 
 
    </html>

出典

2017-05-28 12:06:51

それについての主な答え許されているのは正しいです。しかし、「異なるネームスペース」についての残りは完全に間違っています。 'id'属性はドキュメント内で一意でなければなりません。 2つのdefsセクションを持つことはそれを変更しません。重複した 'id'属性を持っていれば、未定義の（そしてブラウザーに依存する）結果が得られます。証明のために、この例をChromeで、次にFirefoxで表示してみてください。 –

はいIDを変更する必要があります.. –

SVG文書で複数のdefが許されていますか？

答えて

関連する問題